前言：
zTree 是一個依靠 jQuery 實現的多功能 “樹插件”。優異的性能、靈活的配置、多種功能的組合是 zTree 最大優點。本文主要介紹如何在vue項目中使用ztree插件。
使用步驟：
一、創建Vue項目。（本文主要講述vue中ztree的用法，所以此處不贅述vue的項目創建）
二、到z-tree官網（http://www.treejs.cn/v3/main.php#_zTreeInfo）里的下載欄去下載ztree的demo項目代碼下載，用於vue創建ztree組件時，代碼對比使用。
三、在vue項目里創建文件夾，用於存放ztree所需要的各種 .js 和 .css 文件（假設vue項目的名字是work）。
ztree文件目錄是（數字相同的代表同級文件夾） ：
work / plugins / ① ztree / ② css / .css （ztree的各個css文件）
/ ② js / .js（ztree的各個js文件）
/ ② img / .jpg （存放節點圖標等，存放圖片文件）
/ ① jq.min.js （jquery文件）
四、在vue中的 components 中創建 zTree組件。
代碼可以從之前下載的demo文件拷貝過來，這時需要在ztree官網的demo演示中選擇你需要的demo，復制它的文件路徑，在下載的demo文件中找出來，拷貝其代碼。
因為這里的代碼不是符合vue的書寫規則的，所有需要修改很多地方。（例如 html中的寫法 addHoverDom：addHoverDom，在vue中要寫成addHoverDom：this.addHoverDom；html中的函數的寫法function addHoverDom(){ }，在vue中要寫成 addHoverDom：function(){ } ；等等）
不要忘了在組件里引入依賴的 css 和 js 文件：
五、大組件內調用ztree組件。
在需要用到ztree組件的大組件內，important引入組件並components實例化，在需要用到的地方寫上這個樹組件。
六、在router里設置ztree 的路由，和引用它的大組件的路由寫成一樣。
七、注意：樹組件的css和js文件可以在main.js中引入，也可以在組件內引入，個人覺得在組件內引入好一些。