composition api (組合api)
效能提公升
viteoptions api
composition api
響應式系統公升級
vue.js 3.0中使用proxy物件重寫響應式系統
proxy物件效能本身就比 defineproperty好
**物件可以攔截物件的賦值、刪除等,不需要初始化遍歷,加入某乙個資料是多層的只有訪問時才會遞迴遍歷它
編譯優化
vue 2.x中通過標記靜態根節點,優化diff過程,但是還是需要diff靜態節點
vue3.0中標記和提公升所有的靜態節點,diff的時候只需要對比動態節點
原始碼體積優化
tree-shakig 支援更加好
vite在開發模式下使用瀏覽器支援的esmodule模式不需要打包可以直接執行
vue_cli開發模式下必須對專案打包才能執行 特點
vue-cli使用webpack打包
引數二 context
執行時機 : props被解析完畢,但是在元件例項建立之前。
this指向undefined
返回值 可以在元件的生命週期、方法等中使用
reactive 用於將物件轉換為響應式物件、該物件的巢狀屬性也會成為響應式物件。類似於vue2.x的observerbo
torefs 將響應式物件的所有屬性都轉換為響應式。
ref 將基本型別資料轉換為響應式物件
computed
watch
返回值
watcheffect
depsmap
dep
hmr
webpack
build
使用webpack打包的原因
零散的模組檔案會產生大連的http請求
Vue 3 0 學習記錄 搭建
使用vue cli的vue create 或者vue ui搭建專案 搭建專案時,需要新增vue router 以及uvex等常用模組 因為當前3.0vue專案是由vue2.0專案公升級來的,所以需要加建立專案時增加所需的模組,在將專案公升級為3.0專案是會自動修改,可以避免寫初始化 vue add ...
vue3 0學習記錄 2
vue3 與 vue2區別 寫法上已經有很大的區別了,如 vue2 h1 h1 click test 點讚 1button div template lang ts import from vue export default definecomponent methods script 而vue3...
vue3 0前端學習
1 響應系統公升級 vue.js 3.0 中使用proxy物件重寫響應式系統 可以監聽動態新增的屬性 可以監聽刪除的屬性 可以監聽陣列的索引和length屬性 2 編譯優化 vue.js 2.x 中,模板首先被編譯為render函式,構建過程中完成,會編譯靜態根節點和靜態子節點,當元件狀態發生變化時...