https://m.php.cn/vuejs/464077.html

原文地址：vue3.0和vue2.0的區別是什么？

區別：vue2.0中不管數據多大，都會在一開始就為其創建觀察者；當數據很大時，這可能會在頁面載入時造成明顯的性能壓力。而vue3.0只會對“被用於渲染初始可見部分的數據”創建觀察者，而且vue3.0的觀察者更高效。

vue3.0和2.0的區別

Vue-cli3.0於 8月11日正式發布，看了下評論，兼容性不是很好，命令有不少變化，不是特別的樂觀

vue3.0 的發布與 vue2.0 相比，優勢主要體現在：更快、更小、更易維護、更易於原生、讓開發者更輕松；

更快
　　1、virtual DOM 完全重寫，mounting & patching 提速 100%；
　　2、更多編譯時 （compile-time）提醒以減少 runtime 開銷；
　　3、基於 Proxy 觀察者機制以滿足全語言覆蓋以及更好的性能；
　　4、放棄 Object.defineProperty ，使用更快的原生 Proxy；
　　5、組件實例初始化速度提高 100%;
　　6、提速一倍/內存使用降低一半；

更小
　　1、Tree-shaking 更友好；
　　2、新的 core runtime：~ 10kb gzipped；

===============

3.0 新加入了 TypeScript 以及 PWA 的支持

部分命令發生了變化：

下載安裝 npm install -g vue@cli

刪除了vue list

創建項目 vue create

啟動項目 npm run serve

默認項目目錄結構也發生了變化：

移除了配置文件目錄，config 和 build 文件夾

移除了 static 文件夾，新增 public 文件夾，並且 index.html 移動到 public 中

在 src 文件夾中新增了 views 文件夾，用於分類 視圖組件 和 公共組件

安裝

1	npm install -g vue@cli

創建項目文件：

1	vue create project //項目的名稱

====================

vue2和vue3的區別

一、常用命令

vue -V 查看本地 vue 版本

二、官方文檔

3.0：https://cli.vuejs.org/zh/

三、創建文件

3.0：vue create 進入工程文件夾，創建項目。

2.0：vue init webpack

四、啟動項目

3.0啟動npm run serve

2.0啟動npm run dev

build沒了、config沒了、哦對了還有最重要的一點，3.0的安裝項目時自動下載node-model。

在根目錄下創建一個vue.config.js

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

module.exports = {  baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',  // outputDir: 在npm run build時 生成文件的目錄 type:string, default:'dist'  // outputDir: 'dist',  // pages:{ type:Object,Default:undfind }  devServer: {  port: 8888, // 端口號  host: 'localhost',  https: false, // https:{type:Boolean}  open: true, //配置自動啟動瀏覽器  // proxy: 'http://localhost:4000' // 配置跨域處理,只有一個代理  proxy: {  '/api': {  target: '<url>',  ws: true,  changeOrigin: true  },  '/foo': {  target: '<other_url>'  }  }, // 配置多個代理  }  }

==================

Vue3.0和Vue2.0的區別

一、默認進行懶觀察（lazy observation）。

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

二、更精准的變更通知。

比例來說：2.x 版本中，你使用 Vue.set 來給對象新增一個屬性時，這個對象的所有 watcher 都會重新運行；3.x 版本中，只有依賴那個屬性的 watcher 才會重新運行。

三、3.0 新加入了 TypeScript 以及 PWA 的支持

四、部分命令發生了變化：

下載安裝 npm install -g vue@cli

刪除了vue list

創建項目 vue create

啟動項目 npm run serve

五、默認項目目錄結構也發生了變化：

移除了配置文件目錄，config 和 build 文件夾

移除了 static 文件夾，新增 public 文件夾，並且 index.html 移動到 public 中

在 src 文件夾中新增了 views 文件夾，用於分類 視圖組件 和 公共組件

相關推薦：

2020年前端vue面試題大匯總（附答案）

vue教程推薦：2020最新的5個vue.js視頻教程精選

更多編程相關知識，請訪問：編程教學！！

以上就是vue3.0和vue2.0的區別是什么？的詳細內容，更多請關注php中文網其它相關文章！