首先再次回顾一下,watch和computed
watch
监视属性
最初绑定的时候是不会执行的,要等到要监视的值发生改变时才执行监听计算。如果希望第一次也监视的话可以加上immediate: true
还可分为深度监视,即加一个deep:true
如何监视呢?
watch: {
// firstName在data中有定义,如果你要监视它你就写它.如果你要监视data里面的其他属性的话,就写该属性名称.
firstName: {
handler(newName, oldName) {
this.fullName = newName + ' ' + this.lastName;
},
}
computed
计算属性
它具有缓存,第一次调用或者发生改变时会调用.如果有多个他只会调用第一次,后面的都是使用缓存里面的内容.当有比较复杂的运算的时候使用计算属性比较好.