监听 --以及路由监听--节流

// 一般监听
watch:{
  $route(to,from){
    console.log(to.path);
  }
},
// 深度监听路由
watch: {
  $route: {
    handler: function(val, oldVal){
      console.log(val);
    },
    // 深度观察监听
    deep: true
  }
},

watch: {
       imgFile: function(file) {
	         this.imgFile = file
	    },
	    // 对象下的数据需要 写' '
	    'form.sysAccountVo.loginName': function(s) {
		      // this.form.sysAccountVo.password = ''
		 }
  },

• 深度监听

watch: {
    activenametext: { // 监听的对象
	      handler: function(newV, oldV) {
	      
	      }
         deep: true, // 深度监听设置为 true
    }
  },

 watch:{
      skeletonType: { // 监听的对象
	      handler: function(newV, oldV) {
          this.skeletonType1 = newV;
        },
        immediate: true,
      }
    },

• 节流

npm install throttle-debounce --save
import { throttle } from 'throttle-debounce'
watch: {
    formOther: {
      deep: true,
      handler: throttle(
        500,
        function (newVal) {
          this.$emit('input', newVal)
        },
        { noLeading: false, noTrailing: false },
      ),
    },
  },

 mouseoverHandle: throttle(60, function () {
      this.activeComponentFunc(this.component)
    }),

可以的大家点点关注-总结不易谢谢大家-也可以留言需要哪类的我也可以尝试