vue中watch用法

---

在vue中data中初始化数据表单发生变化之后，如果要在input标签上可以用到用指令v-model，来查看data中它的变化

，其中组件对象中有computed;以及watch属性；

例如：

computed:{
  ...mapState(['address','categorys']),

}，

watch: { //数据更新状态后，刷新界面   真正vue里数据改变的话，页面不会立即变化的，会异步更新页面，需要等一下
  categorys(){
    //这个方法是vue提供的方法，在DOM更新完之后自动调用
    //vm.$nextTick( [callback] )将回调延迟到下次dom更新循环完之后
    this.$nextTick(function () {
      new Swiper('.swiper-container', {
        pagination: { // 圆点指示器的容器div
          el: '.swiper-pagination'
        },
        loop: true, // 可以循环轮播
      })
    })
  }
}

//监视的数据可以监视当前组件中data的数据，也可以监视计算属性computed的数据