記錄：vue-cli腳手架引入彈出層layer插件

1. 如何引入
   在vue-cli裏，引入文件有幾鍾方法
   一種是用npm或者cnpm指令去下載對應的插件，而後在main.js裏用import方法引入，這裏不討論這種方法
   我比較喜歡採用的是直接下載對應的js，而後引入到vue項目中去
   問題來了，如何引入呢

   方法以下：

• 下載對應的js文件或者css文件，通常下載插件相關聯的都會在一塊兒

• 進入vue-cli項目工程裏的index.html文件,分別引入css文件和js文件
  在這裏，分別是

  <link rel="stylesheet" href="./static/layer.css" /> 
     <script src="./static/jquery.js"></script>
       <script src="./static/jquery.min.js"></script>
       <!-- 必須先引入上面jq 1.8版本以上的才能引layer -->
       <script src="./static/layer.js"></script>

  這樣在全局文件裏均可以使用layer彈出層插件了，須要注意，必須先引入jq 1.8以上的版本才能夠使用layer噢。

---

2.彈出層顯示不出

做爲一個java開發小菜鳥，踩前端的坑基本是面向百度進行嘗試解決，經歷了時常兩個半小時的掙扎，解決了幾個問題：

• 第一個是前端控制檯報錯，印象裏是i is not a function 還有什麼layer.open is not a function等，這些問題基本是出於引入的問題，解決途徑：檢查是否在以前引入了1.8以上的jq
• 第二個是彈出層只有文字顯示，可是缺少樣式，沒有彈出層的feel。通過大量百度和分析，最後仍是依靠調試前端樣式看出端倪，問題在於裏面用到的class在我引入的css文件裏並不存在。通過檢查，導入的css文件錯誤（注意有手機的css樣式和另外一個css，這裏要用另外一個，名稱同樣）。最終問題解決。