watch是乍一看逻辑有些像set,或则数据劫持,会监听实例中的数据变量。
watch侦听器
语法特点:侦听器方法必须和被侦听的属性同名。
属性侦听器使用
当监听的属性产生变化时会执行的函数。存在多种写法和处理。
<button @click='fun'>{{change}}</button>
......
methods: {
fun(){
setInterval(()=>++this.change,1000)
},
},
watch:{
change(){
console.log('改变')
}
}
......
data、methods、computed、watch命名情况
本部分设计vue实例的声明周期,力求讲清楚,能回答。