更快_更高_更强

src\App.vue src\components\Son.vue src\components\GrandSon.vue

官方文档 src\App.vue官方文档 src\App.vue官方文档 src\App.vue官方文档 src\App.vue

官方文档 src\App.vue src\components\Child.vue官方文档 src\App.vue src\components\Child.vue

官方文档官方文档官方文档官方文档官方文档官方文档官方文档官方文档官方文档官方文档官方文档官方文档官方文档

>readonly,深度只读数据,对象的所有不能被修改 >shallowReadonly,潜只读,对象只有第一层不能修改,其他可以修改 ```js ```

> 创建一个响应式代理，它跟踪其自身 property 的响应性，但不执行嵌套对象的深层响应式转换 (暴露原始值)。 > 个人理解就是只修改对象的第一层数据,第二层以下的数据不会响应式的修改

> 可以获取页面中的元素 ```js ```> 可以获取页面中的元素 ```js ```> 可以获取页面中的元素 ```js ```

> 把一个响应式对象转换成普通对象，该普通对象的每个 property 都是一个 ref > 应用: 当从合成函数返回响应式对象时，toRefs 非常有用，这样消费组件就可以在不丢失响应式的情况下对返

src\App.vue src\hooks\useMousePosition.ts vue3-自定义hook函数