vue2项目中ztree插件的使用

在 Vue2 项目中使用 ztree 插件，需要先将 ztree 的 JS 和 CSS 文件引入到项目中，然后再按照 ztree 的使用方法进行调用。

以下是一个简单的示例，演示如何在 Vue2 中使用 ztree 插件：

1. 在项目中引入 ztree 的 JS 和 CSS 文件，例如：

<link rel="stylesheet" href="path/to/ztree/css/zTreeStyle/zTreeStyle.css">
<script src="path/to/ztree/js/jquery-1.4.4.min.js"></script>
<script src="path/to/ztree/js/jquery.ztree.all.min.js"></script>

2. 在 Vue 组件中添加一个 `div` 元素，用于展示 ztree：

<template>
  <div id="tree"></div>
</template>

3. 在 Vue 组件的 `mounted` 钩子函数中，初始化 ztree：

mounted() {
  // ztree 数据
  const zNodes = [
    { name: "父节点1", open: true, children: [
      { name: "子节点1" },
      { name: "子节点2" }
    ]},
    { name: "父节点2", open: true, children: [
      { name: "子节点3" },
      { name: "子节点4" }
    ]}
  ];
  // ztree 配置项
  const setting = {
    data: {
      simpleData: {
        enable: true
      }
    }
  };
  // 初始化 ztree
  $.fn.zTree.init($("#tree"), setting, zNodes);
}

这样，在 Vue 组件中就可以使用 ztree 插件了。需要注意的是，由于 ztree 是基于 jQuery 的插件，因此在使用 ztree 时需要先引入 jQuery 库。另外，ztree 的具体使用方法可以参考官方文档。