vue2 x和vue3 0區別是哪些?

2021-10-19 12:44:30 字數 1405 閱讀 5503

官方文件

3.0:

2.x:

預設進行懶觀察

區別:vue2.x中不管資料多大,都會在一開始就為其建立觀察者;當資料很大時,這可能會在頁面載入時造成明顯的效能壓力。而vue3.0只會對「被用於渲染初始可見部分的資料」建立觀察者,而且vue3.0的觀察者更高效。

vue3.0和2.0的區別

vue3.0 的發布與 vue2.x 相比,優勢主要體現在:更快、更小、更易維護、更易於原生、讓開發者更輕鬆;

vue3.0和2.x區別比較多,公升級需要適配工作。

3.0比2.0 快2倍

3.0去掉了filter, 麼有beforecreate created,用setup取代

3.0中生命週期函式命名修改如果mounted變為onmounted

reactivity是可以單獨作為庫使用的

單獨功能可以抽離 取代了mixin 優於mixin 解決上下反覆橫跳

支援多個子節點 fragment

setup裡沒有this

proxy實現響應式不需要set delete 相容性並不好

響應式方面 效能得到很大提公升 不用初始化的時候就遞迴遍歷屬性

響應式不區分陣列和物件

3.0相容ie12以上

composition api 可以和 options api 同時存在

3.0 新加入了 typescript 以及 pwa 的支援

更快

virtual dom 完全重寫,mounting & patching 提速 100%;

基於 proxy 觀察者機制以滿足全語言覆蓋以及更好的效能;

放棄 object.defineproperty ,使用更快的原生 proxy;

元件例項初始化速度提高 100%;

提速一倍/記憶體使用降低一半;

更小

tree-shaking 更友好;

新的 core runtime:~ 10kb gzipped;

命令發生變化

刪除了vue list

建立專案 vue create

啟動專案 npm run serve

預設專案目錄結構也發生了變化

移除了配置檔案目錄,config 和 build 資料夾

移除了 static 資料夾,新增 public 資料夾,並且 index.html 移動到 public 中

在 src 資料夾中新增了 views 資料夾,用於分類 檢視元件 和 公共元件

Vue3 0和Vue2 0的區別

vue2和vue3的區別 一 常用命令 vue v 檢視本地 vue 版本 二 官方文件 3.0 三 建立檔案 3.0 vue create 進入工程資料夾,建立專案。2.0 vue init webpack 四 啟動專案 3.0啟動npm run serve 2.0啟動npm run dev 在根...

vue3 0和vue2 0的區別

vue3.0和2.0的區別更小安裝 npm install g vue cli 建立專案檔案 vue create project 專案的名稱 vue2和vue3的區別 一 常用命令 vue v 檢視本地 vue 版本 二 官方文件 3.0 三 建立檔案 3.0 vue create 進入工程資料夾...

Vue2 0和Vue3 0的區別

1.專案目錄結構 vue cli2.0與3.0在目錄結構方面,有明顯的不同 vue cli3.0移除了配置檔案目錄,config和build資料夾 同時移除了static靜態資料夾,新增了public資料夾,開啟層級目錄還會發現,index.html移動到public中 2.配置項 3.0 conf...