vue中使用zTree插件

在vue中使用zTree 首先需要下载

jQuery，建议从官方网站下载，zTree上的版本有点老，听说有些项目已经不支持；

两个zTree核心包，就是官网提供的下载地址中的文件，我们下载下来找到这两个文件，放到我们的项目文件夹中；

官网地址：http://www.treejs.cn

如果zTree  和jquery都下载完成后  

如果出现$未定义 需要在   build/webpack.base.conf.js文件中

module——exports里面  加入这一一端代码

详情如下

module.exports = {
  context: path.resolve(__dirname, '../'),
  plugins: [
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ],

然后在main.js引入

import $ from 'jquery'
import '@ztree/ztree_v3/js/jquery.ztree.core.min.js'
import '@ztree/ztree_v3/js/jquery.ztree.excheck.min.js'
import '@ztree/ztree_v3/css/metroStyle/metroStyle.css'

使用demo对象  树结构

<div