vue3 與 vue2區別
寫法上已經有很大的區別了，如：
vue2：
>
>
>
}h1>
>
}h1>
@click
="test"
>
點讚+1button
>
div>
template
>
lang
="ts"
>
import
from
'vue'
;export
default
definecomponent(}
, methods:}}
);script
>
>
>
>
}h1>
>
}h1>
@click
="test"
>
點讚+1button
>
div>
template
>
lang
="ts"
>
import
from
'vue'
;export
default
definecomponent()
const
test=(
)=>
return}}
);script
>
vue2 -
> vue3
beforecreate -
> use setup()
created -
> use setup()
// 呼叫鉤子函式是需要先引入
// import from 'vue'
beforemount -
> onbeforemount
mounted -
> onmounted
onupdated((
)=>
)beforeupdate -
> onbeforeupdate
updated -
> onupdated // 資料更新時候呼叫
beforedestroy -
> onbeforeunmount
destroyed -
> onunmounted
activated -
> onactivated
deactivated -
> ondeactivated
errorcaptured -
> onerrorcaptured
//新增除錯鉤子函式
onrendertracked
onrendertriggered
onrendertriggered
((event)
=>
)
Vue3 0學習記錄
composition api 組合api 效能提公升 viteoptions api composition api 響應式系統公升級 vue.js 3.0中使用proxy物件重寫響應式系統 proxy物件效能本身就比 defineproperty好 物件可以攔截物件的賦值 刪除等，不需要初始化遍...
Vue 3 0 學習記錄 搭建
使用vue cli的vue create 或者vue ui搭建專案 搭建專案時，需要新增vue router 以及uvex等常用模組 因為當前3.0vue專案是由vue2.0專案公升級來的，所以需要加建立專案時增加所需的模組，在將專案公升級為3.0專案是會自動修改，可以避免寫初始化 vue add ...
vue3 0前端學習
1 響應系統公升級 vue.js 3.0 中使用proxy物件重寫響應式系統 可以監聽動態新增的屬性 可以監聽刪除的屬性 可以監聽陣列的索引和length屬性 2 編譯優化 vue.js 2.x 中，模板首先被編譯為render函式，構建過程中完成，會編譯靜態根節點和靜態子節點，當元件狀態發生變化時...