Vue - watch 三种不同写法及场景用法（immediate、handler / deep）

2024年1月27日 148次阅读 来源: 王佳斌

前言

官方文档（侦听器）：https://cn.vuejs.org/v2/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8

通过使用 watch 来监听或响应数据的变化，大致用法有如下几种，

每种写法没有好坏之分，只是使用场景不同而已。

一、常规监听

注意：这种监听方式，当值首次绑定的时候，不会执行监听函数。
—— 例如，父组件向子组件 动态传值（props） 时，子组件 props 首次获得传值后，不会触发监听。

很常见的写法，后续每当变量（对象同理）值发生变化时触发，如下代码所示：

// data
data: { 
	title: '刘华强',
	f
    原文作者：王佳斌
    原文地址: https://blog.csdn.net/weixin_44198965/article/details/122404268
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞