xiaoxie_life_study

什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装，类似于vue2.x中的mixin。 自定义hook的优势：复用代码, 让setup中的逻辑更清楚易懂。 场景需求：现在我需要获取当前鼠标所点击的地方的坐标，并显示在屏幕上

1. 计算属性 computed 2. 监听属性 watch 【情况一】监听ref定义的一个响应式数据监听sum的值的变化 【情况二】 监听ref定义的多个响应式数据监听sum, msg的值的变化 【情况三】监听reactive定义的一个响应式数据的全部属性注意：此处无法正确的获取oldValue 【情况四】监听reactive定义的一个响应式数据中的某个属性 【情况五】监听reactive定义的一个响应式数据中的某些属性 【情况六】特殊情况

（1）ref用来定义：基本类型数据（2）reactive用来定义：对象（或数组）类型数据（3）备注：ref也可以用来定义对象（或数组）类型数据，它内部会自动通过reactive转为代理对象。