在前面的OptionsAPI中，我们可以通过watch选项来侦听data或者props的数据变化，当数据变化时执行某一些操作；
在CompositionAPI中，我们可以使用watchEffect和watch来完成响应式数据的侦听：
watch：需要手动指定侦听的数据源；
watchEffect：用于自动收集响应式数据的依赖；
二、watch方式2.1、案例1在App.vue组件中完成操作。定义一个基本数据类型的响应式数据message，从而监听该数据的变化。
2.2、案例2在App.vue组件中完成操作，定义一个引用数据类型的响应式数据。
结论：自动的实现深度监听。
当然也可以实现立即监听。只需要在使用watch函数时候，传递第三个参数即可。即：immediate:true。
2.、案例在App.vue组件中完成操作，定义复杂数据类型的数据（reactive响应式数据），对reactive数据进行解构为普通对象。
如果是普通对象，那么就需要深度侦听。
三、watchEffect方式.1、说明当侦听到某些响应式数据变化时，我们希望执行某些操作，这个时候可以使用watchEffect。
watchEffect()本身是一个函数，该函数需要接受一个参数，这个参数也是一个函数，watchEffect(func);
watchEffect传入的函数被立即执行一次，并且在执行的过程中会收集依赖；
只有收集的依赖发生变化时，watchEffect传入的函数才会再次执行。
.2、代码案例四、watchEffect的停止侦听购买专栏解锁剩余14%