本文實例講述了Vue使用zTree插件封裝樹組件操作。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)公司主營丁青網站建設的網絡公司,主營網站建設方案,APP應用開發(fā),丁青h5微信小程序開發(fā)搭建,丁青網站營銷推廣歡迎丁青等地區(qū)企業(yè)咨詢

1.通過npm安裝jquery

npm install jquery --save-dev

2.在build/webpack.base.conf文件當中引入jquery

module.exports = {
  ...
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery')
    }
  },
  ...
}

3.在項目根目錄創(chuàng)建一個文件夾plugins，將zTree的js文件放進去

4.將zTree的樣式文件放在static文件夾下（放在別的地方大飽之后會出現(xiàn)圖片路徑找不到等問題，放在static下打包時會避免ztree樣式的壓縮）。在main.js中引入該樣式：

import '../static/zTreeStyle/zTreeStyle.css'

5.創(chuàng)建公共組件ztree>index.vue，下面為我的公共組件

html：

js：

希望本文所述對大家vue.js程序設計有所幫助。