vue2watch怎么写
时间: 2023-10-14 18:05:14 浏览: 32
在Vue2中,可以使用以下方式来编写watch:
第一种方式是在组件的watch选项中定义watch函数。比如:
watch: {
list(newValue, oldValue) {
// 在这里编写处理逻辑
}
},
第二种方式是使用watch函数来监听一个响应式对象。比如:
watch(() => name.value, () => {
console.log('只监听 value ', name.value);
});
第三种方式是监听一个响应式对象的多个属性变化。比如:
watch([name, age], (newVal, oldVal) => {
console.log(newVal, oldVal);
});
第四种方式是在监听一个响应式对象的属性变化时,使用深度监听。比如:
watch(() => obj.job, (newVal, oldVal) => {
console.log(newVal, oldVal);
}, { deep: true });
以上是Vue2中watch的几种常见用法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [使用watch的几种写法](https://blog.csdn.net/Stars_in_rain/article/details/122171555)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue.js 关于watch](https://blog.csdn.net/Beng_shakalaka/article/details/79894841)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]