vue之 watch 监听数据变化 watch的使用、watch监听数据加载完成后执行、watch不触发、不生效的解决办法及原理

常用方法：
watch监听数据完成后执行函数；

watch: {
	huxing: {
      handler: function(newVal, oldVal) {
        this.huxingW();
      },
      deep: true,
      immediate: true
    }
}
methods: {
    huxingW() {
      this.$nextTick(function() {
        let len = this.$refs.ul.children.length;
        if (len > 0) {
          let liw = this.$refs.ul.children[0].offsetWidth;
          this.widthnum = liw * len + 5 + "px";
        }
      });
    }
},

其他链接：

vue中watch不触发、不生效的解决办法及原理（详细介绍了watch使用方法）：https://blog.csdn.net/weixin_40755688/article/details/86719530

Vue - 监听数据的三种方法：https://blog.csdn.net/Welkin_qing/article/details/81585786