写篇文章之必须马上精通vue——(8)watch侦听器

137 阅读1分钟

watch是乍一看逻辑有些像set,或则数据劫持,会监听实例中的数据变量。

watch侦听器

语法特点:侦听器方法必须和被侦听的属性同名。

属性侦听器使用

当监听的属性产生变化时会执行的函数。存在多种写法和处理。

<button @click='fun'>{{change}}</button>
......
            methods: {
                fun(){
                    setInterval(()=>++this.change,1000)
                },
            },
            watch:{
                change(){
                    console.log('改变')
                }
            }
......

image.png

data、methods、computed、watch命名情况

本部分设计vue实例的声明周期,力求讲清楚,能回答。