vue3 0前端學習

2021-10-10 18:26:09 字數 644 閱讀 6138

1、響應系統公升級

vue.js 3.0 中使用proxy物件重寫響應式系統

可以監聽動態新增的屬性

可以監聽刪除的屬性

可以監聽陣列的索引和length屬性

2、編譯優化

vue.js 2.x 中,模板首先被編譯為render函式,構建過程中完成,會編譯靜態根節點和靜態子節點,當元件狀態發生變化時,會觸發watcher,最終執行虛擬dom的patch操作,找到差異並更新dom,渲染的最小單位是元件,diff的內容會跳過靜態根節點

vue.js 3.0 中 ,在編譯過程中,會patch flag標記和提公升所有的靜態根節點,diff的時候只需要對比動態節點內容,

3、原始碼體積的優化

移除不常用的api(如:filter、inline-template)

tree-shaking優化,按需引入,只會打包使用過的api

答:使用proxy物件重寫響應式系統,

1.proxy可以直接監聽物件而非屬性,不需要初始化的時候就遍歷所有的屬性

2.可以直接監聽陣列的變化,可以監聽陣列的索引和length屬性

3.攔截方式較多

4.proxy返回乙個新物件,可以只操作新物件達到目的,defineproperty 需要遍歷物件屬性直接修改

5.相容性好

Vue3 0學習記錄

composition api 組合api 效能提公升 viteoptions api composition api 響應式系統公升級 vue.js 3.0中使用proxy物件重寫響應式系統 proxy物件效能本身就比 defineproperty好 物件可以攔截物件的賦值 刪除等,不需要初始化遍...

vue3 0 學習筆記

今天是2021年2月26日 學習一下vue3.0雖然已經出來這麼長時間了,但是還沒有認真的學習過,只是懂一點皮毛 接下來開始我的3.0之旅 來吧!展示!藍色海 嘿嘿嘿 第一步 安裝 先瞅瞅你的vue v 是多少 npm install g vue cli第二步 初始化 專案 這裡我們選擇 manua...

Vue 3 0 學習記錄 搭建

使用vue cli的vue create 或者vue ui搭建專案 搭建專案時,需要新增vue router 以及uvex等常用模組 因為當前3.0vue專案是由vue2.0專案公升級來的,所以需要加建立專案時增加所需的模組,在將專案公升級為3.0專案是會自動修改,可以避免寫初始化 vue add ...