Li_Yiren

这张图非常经典，直观的看出flex布局几种属性的区别和效果 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了

在页面首次渲染的时候会调用一次 patch 并创建新的 vnode，不会进行更深层次的比较;通过触发setter来做后序变化

在Vue 3中，组合式API是一种新的API风格，可以让我们更好地组织和重用组件逻辑。与Vue 2的选项式API不同，组合式API没有像`created`、`mounted`、`beforeUpdat

后缀运算符 在Vue 3中，有两个后缀运算符：?和!，分别表示可选属性和非空断言。 ?可选属性：表示该属性是可选的，如果该属性不存在，不会引发错误。 在上面的代码中，当message对象存在text属

watchEffect 只有一个回调函数，自动追踪函数中用到的数据，任何一个数据，变动一次就执行回调函数

ref 和 reactive 结果： toRef 不使用toRef()方法，存在的问题 结果： 使用toRef()方法（解决数据改变、视图不更新的问题） 结果： toRefs toRaw 结果：

readonly() 语法：readonly(响应式数据) 作用：将响应式数据变成只读的数据（深只读） 深只读：对象或者数组数据，全部都变成只读 结果： shallowReadonly() 语法：sh

v-model（支持多个v-model） 语法：v-model:自定义事件名 = "数据或方法" 结果： 新增指令v-memo  Vue 组件状态改变引起组件重新渲染，在大量元素的情况下，可能会导致性

定义数据是通过`ref或reactive`来定义的，刚开始使用数据时，可以确定数据的类型，但是在经过方法处理过后，你还能确定吗？所以知道常用的判断响应式数据的方法，还是很重要的`（有剑不用，和根本没有