浅谈vue3 与 vue2 的区别、router跳转的二种方式的不同、刷新本地存储-会话存储-vuex数据变化

一  大体上的区别

vue1与vue2的最大区别是vue2中props传递是单向的了，父可传子，做到尽可能解构。【vue1.x提供了sync，支持双向绑定】

 

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

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

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

Vue 有两种编程术语：

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

二 vue3中的setup函数:新增的生命周期

setup位于beforeCreated之前,用于代替created 和beforeCreated。

在组件中用到的数据、方法等等，都要配置在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)
}

三 router跳转的二种方式的不同

 router的query用path引入，类似get参数在url上，params用name引入，他的参数类似post

刷新，query不会丢失里面的数据；params会丢失

 

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

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

            vue3中新的配置项【router创建时不同】https://www.cnblogs.com/goloving/p/15411102.html