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

前言

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

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

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

一、常规监听

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

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

// data
data: {
   
	title: '刘华强',
	f