vue3学习实战

vue3新增变化

diff算法变化

vue3的diff算法没有vue2的头尾、尾头之间的diff,对diff算法进行了优化,最长递归子序列

ref VS reactive

  • ref 支持所有的类型,reactive 支持引用类型,array object Map Set
  • ref取值、赋值,都需要加.value,reactive是不需要.value
  • reactive不能直接给数组赋值,因为proxy实现的,不能直接赋值,否则破坏响应式对象的
    • 解决方案:数组,可以使用push + 解构,第二种方式:添加一个对象,把数组作为一个属性去解决

声明周期

vue3学习实战_第1张图片

链接:

视频介绍
相关资料链接

你可能感兴趣的:(学习)