关于vue中对watch属性的理解

watch 监听数据

用来监听data中定义的数据，当data中定义的数据发生了变化，那么watch中的key就会触发
是一个对象，可设置多种类型的键值
使用方式：

watch: {

  resumeModuleInfo: {
      handler() {
         <!-- 数据变化时 执行该方法 -->
          this.initFilter()
      },
     <!-- 深度监听 -->
      deep: true
     <!-- immediate和handler

这样使用watch时有一个特点，就是当值第一次绑定时，不会执行监听函数，
只有值发生改变时才会执行。如果我们需要在最初绑定值的时候也执行函数，
则就需要用到immediate属性。 -->

  }

}
3.监听数据之后,左边模块移动到右边，仍然显示没有对应icon，右边移动到左边之后，能够显示正确icon， 解决方案： 每个简历模板的所有图标用的都是对应的一套图标里面，虽然移动之后，有正确的图标类名，但是相应的简历模板里面是不包括改变样式之后的图标的， 所以要把改变样式的图标放在改简历模板的对应的图库中 *