1.自定义指令directive

这部分官网讲的也比较好理解，可直接查看 https://cn.vuejs.org/v2/guide/custom-directive.html

2.过滤器filter

这部分官网讲的也比较好理解，可直接查看 https://cn.vuejs.org/v2/guide/filters.html#ad

3.$nextTick

针对这个方法的解释，忆小五这篇文章//www.greatytc.com/p/14ddf618d00b写得比较透彻，可供参考。

4.$set

<template>
  <div class="box">
   count：{{count}} 
    <ul>
        <li v-for="item in arr" :key="item.key">{{item}}</li>
    </ul>
    <button @click="add()">增加</button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      count:1,    
      arr:['aaa','bbb','ccc']
    }
  },
  methods: {
    add() {
      //this.arr[1] = 'ddd' //修改数组中一项，这样不起作用
      this.$set(this.arr,1,'ddd') //修改数组中一项，需要使用$set让Vue监听到
      //this.arr.push('ddd') //数组中添加一项，不需要$setVue也能监听到
      //this.arr.splice(0,1) //数组中删除一项，不需要$setVue也能监听到
    }
  }
}
</script>