淺談vue3 與 vue2 的區別
阿新 • • 發佈:2022-05-18
一 大體上的區別
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