data() {
return {
message: 'hello',
}
},
watch: {
// 使用handler和immediate
message: {
handler(newValue, oldValue) {
console.log(`Message changed from ${oldValue} to ${newValue}`);
},
immediate: true, // 立即执行,此时newvalue和oldvalue都是message的初始值"hello"
}
}
immediate为true表示将在组件实例化时立即执行handler函数中的内容,为false表示只有在数据属性第一次发生变化时执行
组件实例化和vue实例化是两个概念