Vue3.0和Vue2.0的區別
1預設進行懶觀察(lazy observation)。
在 2.x 版本里,不管資料多大,都會在一開始就為其建立觀察者。當資料很大時,這可能會在頁面載入時造成明顯的效能壓力。3.x 版本,只會對「被用於渲染初始可見部分的資料」建立觀察者,而且 3.x 的觀察者更高效。
2更精準的變更通知。
比例來說:2.x 版本中,使用 Vue.set 來給物件新增一個屬性時,這個物件的所有 watcher 都會重新執行;3.x 版本中,只有依賴那個屬性的 watcher 才會重新執行。
3.0 新加入了 TypeScript 以及 PWA 的支援
3部分命令發生了變化:
下載安裝 npm install -g vue@cli
建立專案 vue create
啟動專案 npm run serve
4預設專案目錄結構也發生了變化:
移除了配置檔案目錄,config 和 build 資料夾
移除了 static 資料夾,新增 public 資料夾,並且 index.html 移動到 public 中
在 src 資料夾中新增了 views 資料夾,用於分類 檢視元件 和 公共元件
Vue3.0和Vue2.0的區別
1預設進行懶觀察(lazy observation)。
在 2.x 版本里,不管資料多大,都會在一開始就為其建立觀察者。當資料很大時,這可能會在頁面載入時造成明顯的效能壓力。3.x 版本,只會對「被用於渲染初始可見部分的資料」建立觀察者,而且 3.x 的觀察者更高效。
2更精準的變更通知。
比例來說:2.x 版本中,使用 Vue.set 來給物件新增一個屬性時,這個物件的所有 watcher 都會重新執行;3.x 版本中,只有依賴那個屬性的 watcher 才會重新執行。
3.0 新加入了 TypeScript 以及 PWA 的支援
3部分命令發生了變化:
下載安裝 npm install -g vue@cli
建立專案 vue create
啟動專案 npm run serve
4預設專案目錄結構也發生了變化:
移除了配置檔案目錄,config 和 build 資料夾
移除了 static 資料夾,新增 public 資料夾,並且 index.html 移動到 public 中
在 src 資料夾中新增了 views 資料夾,用於分類 檢視元件 和 公共元件