vue2中watch的使用

佚名 2024-04-18 06:31:08 举报

（1）把要监听的msg值看作方法名，来进行监听。

（2）把要监听的msg值看作对象，利用hanler方法来进行监听

watch第一次绑定值的时候不会执行监听，如果需要第一次就执行监听则需要设置：immediate: true

二，监听对象：

（1）监听对象需要用到深度监听，设置deep:true

（2）可以只监听对象的其中一个属性值 ’对象.属性" 的形式

三，监听数组

（1）（一维、多维）数组的变化不需要深度监听

多维数组

（2）数组对象中对象属性变化监测需要使用deep:true深度监听，多少层内产生变化都可以监测到。

四，监听路由变化

// 方法一：watch:  $router(to,from)       console.log(to.path)  // 方法二：watch:    $route:      handler:  function (val, oldVal)       console.log(val);     ,     // 深度观察监听     deep:  true   , // 方法三：watch:    "$route" : "getRoutePath",methods:    getRoutePath()     console.log( this .$route.path);

以上是关于vue2中watch的使用的主要内容，如果未能解决你的问题，请参考以下文章