vue3 0和vue2 0的區別

2021-10-09 12:35:31 字數 1149 閱讀 2790

vue3.0和2.0的區別

更小
安裝

npm install -g vue@cli

建立專案檔案:

vue create project //專案的名稱

********************

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

在根目錄下建立乙個vue.config.js

module.exports =

devserver:

open: true, //配置自動啟動瀏覽器

// proxy: 『http://localhost:4000』 // 配置跨域處理,只有乙個**

proxy: ,

『/foo』:

}, // 配置多個**}}

***************===

vue3.0和vue2.0的區別

一、預設進行懶觀察(lazy observation)。

在 2.x 版本裡,不過資料多大,都會在一開始就為其建立觀察者。當資料很大時,這可能會在頁面載入時造成明顯的效能壓力。3.x 版本,只會對「被用於渲染初始可見部分的資料」建立觀察者,而且 3.x 的觀察者更高效。

二、更精準的變更通知。

比例來說:2.x 版本中,你使用 vue.set 來給物件新增乙個屬性時,這個物件的所有 watcher 都會重新執行;3.x 版本中,只有依賴那個屬性的 watcher 才會重新執行。

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

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

移除了配置檔案目錄,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 在根...

Vue2 0和Vue3 0的區別

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

Vue2 0和Vue3 0的區別

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