0. 含义:
- 在Vue.js中,watch是一个选项,用于监听数据的变化并执行相应的操作。watch提供了一种在数据变化时执行异步或开销较大的操作的机制,以及对一些复杂的数据变化情况做出响应。
1. 简单写法
data: {name: '静静',obj: {hobby: '花花'}
},
watch: {// 该方法会在数据变化时调用执行// newValue新值, oldValue老值(一般不用)// 形式一:数据属性名(newValue, oldValue) {// 一些业务逻辑 或 异步操作。console.log('改变', newValue)}// 形式二:'对象.属性名'(newValue, oldValue) {// 一些业务逻辑 或异步操作。console.log('改变了', newValue)}
}
2. 完整写法
data: {obj: {name: '静静',gender: '公'},
},
watch: {// watch完整写法数据属性名: {deep: true,//深度监视immediate: true,//是否立刻执行一次handlerhandler(newValue) {console.log(newValue)}}
}