vue监听和深度监听watch

用户名：

你的名字是：{{name}}

通过watch属性可以监控data属性中name值的变化，定义监控时，name这个值对应的是一个监控处理函数name()。

将name属性和对话框绑定，并在对应页面绑定name值，然后在浏览器中测试，页面上数据会随着对话框中输入值的变化而变化。

其中监控处理函数name有两个参数：

v1表示当前监控的值。

v2表示上一次监控的值。

如果监控的是一个对象，需要进行深度监控，才能监控到对象中属性的变化：

用户名：

<button @click=‘person.age++’>+

你的名字是：{{person.name}}

你的年龄是：{{person.age}}