vue2 watch监听事件的多种用法

一、普通监听

当值name第一次绑定时并不会触发监听,只有当绑定值name发生改变才会触发监听

vue2 watch监听事件的多种用法_第1张图片

二、immediate属性(默认false)

当值name第一次绑定就会触发监听

vue2 watch监听事件的多种用法_第2张图片

三、deep属性(深度监听)

当对对象进行深度监听

vue2 watch监听事件的多种用法_第3张图片

说明:若对对象进行深度监听(监听对象会对每个属性添加监听,会造成性能损耗),可以直接深度监听对象属性避免。

1)对象属性的普通监听

vue2 watch监听事件的多种用法_第4张图片

2)对象属性的深度监听

vue2 watch监听事件的多种用法_第5张图片

3)路由监听

vue2 watch监听事件的多种用法_第6张图片

你可能感兴趣的:(前端,javascript,前端框架,vue)