m0_52430898的博客

Ref会在一定条件下调用reactive，reactive会使用proxy代理输出响应式对象。因此，响应式其实是由Proxy代理实现的，这也是Vue3的响应式原理。注意，Vue2不一样，采用 Object.defineProperty()的get()与set()来实现响应式。Ref支持基本数据类型和引用数据类型，reactive只支持引用数据类型。

使用AST算法将js语法转换为dom节点语法，使机器能够识别。再使用move函数（vue自定义）移动剩下的元素。使用最长递增子序列算法找出不需要移动的元素，

v-if操作dom（vue2销毁节点，vue3改为注释节点），首屏加载更快，切换速度更慢。注意，v-for有两个参数，一是数组元素（item），一是索引index（从0开始）注意script中定义的data要使用响应式，ref或者reactive，否则，v-for一般配合key使用，用于标签唯一性，便于查找dom节点。只更改一次的标签使用v-if，追求切换性能使用v-show。双向数据绑定，一般用在输入框等会在用户操作中更改数据的标签。v-show操作css，首屏加载更慢，切换速度更快。

在Vue中，父传子的数据传递是最基本的传递方式。我们可以通过props属性将数据从父组件传递到子组件。