1. 程式人生 > 其它 >淺談vue3 與 vue2 的區別

淺談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建立時不同】https://www.cnblogs.com/goloving/p/15411102.html