浅谈vue3 与 vue2 的区别

一  大体上的区别

 1. 默认进行懒观察，vue2：不过数据多大，都会在一开始就为其创建观察者； vue3：只会对「被用于渲染初始可见部分的数据」创建观察者

 2.更精准的变更通知，vue2中用set进行属性的更新，整个对象的wacher都会重新运行；vue3只对更新的那个属性的wather进行更新

 注： vue2与vue3在API上没有太大的区别，但是vue3用typescript重构，各方面有很大的提升。

Vue 有两种编程术语：

选项式 API （Option API）编程         [根据实例提供的属性来写的]
组合式 API （Compotion API）编程   [setup里面写的是组合式]

二 vue3中的setup函数

在组件中用到的数据、方法等等，都要配置在setup中

vue2中的方法可以写到vue3中的setup，vue3中的setup函数不能写到vue2中

// MyBook.vue
import { toRef } from 'vue'
setup(props，contents) {
  const title = toRef(props, 'title') //因为是动态的，用toRef解构
  const  {title}=contents;//因不是动态的，可用es6解构
  console.log(title.value)
}

参考自：https://blog.csdn.net/weixin_46562974/article/details/122846325

            setup函数：https://blog.csdn.net/m0_46613429/article/details/121775122

            vue3中新的配置项【router创建时不同】