Vue3 0學習記錄

2021-10-10 08:36:20 字數 915 閱讀 7414

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函式,構建過程中完成,會編譯靜態根節點和靜態子節點,當元件狀態發生變化時...