在 Vue 组件里你可以定义一些数据的监视器去监视数据的变化,然后你可以选择去做一些事情。在用 Options API创建的组件里,这些数据监视器可以放在 watch 这个对象里。
如果想在使用 Composition API 创建的组件里定义数据监视器,可以这样。先在 vue 里面,导入一个 watch。 然后在 setup 里面,可以用一下导入的这个 watch 去监听组件里的某个数据的变化。比如监视一下 name 这个数据的变化 。
第二个参数是个函数,监视的数据发生变化的时候就会执行这个函数,函数有两个参数,发生变化的这个数据的新的值,还有它以前的值。在函数里面可以在控制台上输出 newName 还有 oldName。
再到浏览器上测试一下,点一下这个标题,会修改 name 这个数据的值,我们在组件里监视了这个数据的变化,发生变化的时候要做的事情就是在控制台上输出这个数据的新的值,还有变化之前的值。