Vue树形结构操作

        树形结构是一种常用的数据结构，使用Vue怎么来渲染呢？要把树结构的每一个节点都渲染成dom，需要对树结构进行递归遍历。Vue组件可以通过name选项的设置来递归的调用自己，因此渲染起来很方便。  

        本文简单实现了一下树结构的基本增删改等操作，后续还会继续对树结构渲染(比如拖拽操作、大数据量渲染效率等)进行探索。

代码比较简单，MyTree组件：

组件使用，Tree.vue页面代码：

这里使用了一些iView的图标标签，可以简单的使用iView来实现漂亮的效果，可以到其iView官网了解使用方法。

学习前端也几个月了，在开始使用Vue的很长一段时间里，对Vue一些选项的作用不甚了解，在Vue官网都有比较清楚的介绍，比如递归渲染用到的name属性：

name

• 类型：string

• 限制：只有作为组件选项时起作用。

• 详细：

  允许组件模板递归地调用自身。注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的 name。

时常翻翻官网总会有意想不到的收获～。～