① vue使用ECharts圖表插件/Vue-ECharts
vue使用圖表相關的內容豎凳可以選余弊旅擇Vue-ECharts
也可以使用封裝後的v-chart(暫不講)
Vue-ECharts安裝
npminstall echarts vue-echarts
Vue-ECharts引入
Vue-ECharts使用
Vue-ECharts文檔
Echarts文檔卜碧
② 20《Vue 入門教程》Vue 插件
本節我們將介紹 Vue 的插件。包括什麼是插件、如何使用插件、如何編寫一個簡單的插件。其中，編寫和使用插件是本節的重點。本節我們將帶領大家寫一個簡單的插件示例，同學們在學完本節後可以嘗試編寫其他的插件來加深學習。
Vue 插件是對 Vue 全局功能的擴展，他可以給 Vue 添加全局方法、屬性、組件、過濾器、指令等等。
通過全局方法 Vue.use () 使用插件。它需要在你調用 new Vue () 啟動應用之前完成：
也可以傳入一個可選的選項對象：
Vue.use 會自動阻止多次注冊相同插件，即使多次調用也只會注冊一次該插件。 Vue.js 官方提供的一些插件 (例如 vue-router) 在檢測到 Vue 是可訪問的全局變數時會自動調用 Vue.use ()。然而在像 CommonJS 這樣的模塊環境中，你應該始終顯式地調用 Vue.use ()：
awesome-vue 集合簡肆了大量由社區貢獻的插件和庫。
Vue.js 的插飢薯件應該暴露一個 install 方法。這個方法的第一個參數是 Vue 構造器，第二個參數是一個可選的選項對象：
接下來，我們寫一個具體的插件示例：
實例演示
"運行案例" 可查看在線運行效果
代碼解釋： JS 代碼第 3-20 行，我們攔肢轎定義了插件 MyPlugin，該插件中包含一個全局組件 MyButton。 JS 代碼第 22 行，通過 Vue.use 使用 MyPlugin。 HTML 代碼第 2、4、6、8、10 行，使用 MyPlugin 插件中的 MyButton 組件。
本節，我們帶大家學習了 Vue 插件的使用方式。主要知識點有以下幾點：
③ vue2開發過程中用到的插件
在工作中遇到了一些需求使用的豎御洞第三方插件實現余枯，記錄一下
一、vuedraggable 拖拽效果插件拆頃
vue.draggable中文文檔
二、vue-clipboard2 剪切板效果插件（復制指定內容）
vue-clipboard2文檔
三、json-bigint js中長整型精度問題
處理長整數精度問題
④ 【vue】插件
插件通常用來為 Vue 添加 全局功能 ，所謂全局即不需要像組件那樣，每次使用他前都需要先引入一次。對於插件只要在 最開始引入一次，在任何組件就可以直接使用 。（類似於我鏈如們在window上添加的方法屬性那樣，任何地方都可以用）
下面幾種常見的用途：
主要兩種使用方式
一：全局引入方式
（1）使用步驟
通過全局方法 Vue.use() 使用插件。它需要在你調用 new Vue() 啟動應用之前完成
也可以傳入一個可選的選項對象：
（2）在main.js中配置
比如：使用element-ui為例：
組使用件中
二：組件引入方式棚純啟
比如，以使用 swiper為例
組件中使用
vue插件其實就是一個簡單的 js對象而已 ，然後這個插件對象有一個公開屬性 install ，他的值為一個函數，此函數接受兩個參數。第一個參數是 Vue 構造器 , 第二個參數是一個可選的選項對象。
一：開發插件有四種方法
二：添加實例方法
其中最常用的：【4. 添加實例方法】的寫法和使用方法，下面舉例說明toast 最簡單插件開發過：
（1）新建一個plugin目錄，編輯插件toast.js文件
（2）在 main.js 中，需要導入 toast.js 並且通過全局方法 Vue.use() 來使用插件
（3）我們在組件中來獲取該插件定義的 $msg 屬性，比如在褲敏根組件App.vue中
控制台輸出：Hello World
三：添加全局資源
這里主要介紹過濾器
（1）在plugin目錄新建插件filter.js文件
（2）在 main.js 中，需要導入 filter.js 並且通過全局方法 Vue.use() 來使用插件
（3）HelloWorld.vue頁面上使用
添加全局資源也可以不放在插件裡面實現，可以直接在main.js入口文件創建Vue實例前添加：
其他組件就可以通過this直接使用:
（1）核心區別
簡單來說，插件就是指對Vue的功能的增強或補充。
（2）其他區別
一個Vue插件可以是一堆Vue組件的集合（插件乾的事就是把內部的組件幫你倒入到vue全局下），也可以是用來擴展Vue功能的，比如 Vuex， Vue-Router。
測試完成，下面就要把的內容打包發布到npm 上去,具體步驟可以參照
https://www.cnblogs.com/adouwt/p/9211003.html
⑤ vue插件的使用
vue插件使用方式是Vue.use(xxx)，需要在new Vue實例之前載入，適合為Vue加入一些額外的通用功老陪能。比如vuex，element-ui, axios都可以。
插件需要有install函數，然侍旁蠢後就看自己發揮了。
Vue調用use的啟渣時候還可以傳額外的自定義參數
⑥ 怎麼安裝VUE的官方插件,vue-devtools。在控制台直接追蹤查看vue的變化
安裝VUE的方法有兩種：
第一種方法：需正常打開chrome商店，搜索vuejs devtools 安裝。chrome://extensions/ 開發者工具-擴展程序下啟用；
第二種方法：github下載插件，npm包安裝依賴，拖入瀏覽器擴展程序。具體操作如下：
1、下載chrome擴展插件。在github上下載壓縮包並解壓到本地。
2、npm install下載完成後打開命令行cmd進入vue-devtools-master文件夾。
3、 打開shells>chrome>manifest.json並把json文件里的persistent：false改成true。
4、擴展chrome插件。打開chrome瀏覽器，打開更多工具>擴展程序；再點擊載入已解壓的擴展程序，然後把shells>chrome文件夾放入。
5、測試安裝成功。在插件的目錄下執行npm run dev，這個時候的插件就可以運行了。