v-memo 官方定义: 缓存一个模板的子树。在元素和组件上都可以使用。为了实现缓存，该指令需要传入一个固定长度的依赖值数组进行比较。如果数组里的每个值都与最后一次的渲染相同，那么整个子树的更新将被跳

Vue3 为我们提供了几项开箱即用的重大性能改进，但也引入了一些额外的手动功能，可以帮助提高我们的应用性能。 在这节课中，我们介绍一下，在 Vue 3.2 中引入新指令 v-memo。引入这个指令的目

reactive 可以响应数据，就是说get和set都可以干一些事情的数据，是深响应，也就是说对标shallowReactive是浅响应，他俩的区别主要是浅响应只劫持一层。 标记一个对象，使其永远不会转换为响应数据，即不可代理的数据。 readonly 可以让一个响应数据只读，…

<template v-for="c in components" :key="c"> <component :is="c"></component> </template> <script s

toRaw 与 markRaw toRaw 返回由 reactive 或 readonly 方法转换成响应式代理的普通对象。 这是一个还原方法，可用于临时读取，访问不会被代理/跟踪，写入时也不会触发界

一文了解Composition API新特性：ref、toRef、toRefs 在上一篇文章中，我们初步了解了vue3的新特性，今天，我们将延续C

storeToRefs 由于从pinia中直接解构数据，数据会丢失响应式。 使用storeToRefs可以保证解构出来的数据是响应式的数据

toRef 内容 toRef 函数的作用：转换响应式对象中某个属性为单独响应式数据，并且转换后的值和之前是关联的（ref 函数也可以转换，但值非关联）。

Vue3：彻底弄懂reactive, ref,toRef,toRefs用法和区别，如何使用最佳实战方式