Vue自定义树形插件（添加、编辑、删除节点） （iview样式）

项目需求，要自己封装一个树形插件来模拟后端的类

期间遇到了几个问题
1） 添加子节点时，原来触发的事件不生效了
解决方案：

        if (!item.children) {
          this.$set(item, 'children', [])
          this.$set(item, 'expand', true)
        }

        item.children.push({
          title: 'leaf 1-1-1'
        })

以下为完整代码：

<template>
  <ul class="ivu-tree-children">
    <li v-for="item in folder">
      <span @click="open(item)" class="ivu-tree-arrow" :class="[item.expand?'ivu-tree-arrow-open':'',item.children == undefined?'hide-arrow':'']">
        <Icon type="ios-arrow-forward"/>
      </span>
      <span class="ivu-tree-title">
        {
  { item.title }}
        <Input size="small" v-if="item.children == und