區(qū)別：vue2.0中不管資料多大，都會(huì)在一開(kāi)始就為其建立觀察者；當(dāng)資料很大時(shí)，這可能會(huì)在頁(yè)面載入時(shí)造成明顯的效能壓力。而vue3.0只會(huì)對(duì)「被用於渲染初始可見(jiàn)部分的資料」建立觀察者，而且vue3.0的觀察者更有效率。

vue3.0和2.0的差異

Vue-cli3.0於8月11日正式發(fā)布，看了下評(píng)論，相容性不是很好，命令有不少變化，不是特別的樂(lè)觀

vue3.0 的發(fā)布與vue2.0 相比，優(yōu)勢(shì)主要體現(xiàn)在：更快、更小、更易於維護(hù)、更易於原生、讓開(kāi)發(fā)者更輕鬆；

更快
　　1、virtual DOM 完全重寫(xiě)，mounting & patching 加速100% ;
　　2、更多編譯時(shí)（compile-time）提醒以減少runtime 開(kāi)銷(xiāo);
　　3、基於Proxy 觀察者機(jī)制以滿(mǎn)足全語(yǔ)言覆蓋以及更好的性能；
　　4、放棄放棄. defineProperty ，使用更快的原生Proxy；
　　5、元件實(shí)例初始化速度提高100%;
　　6、提速一倍/記憶體使用降低一半；

更小

　　1、Tree-shaking 更友善；

　　2、新的core runtime：~ 10kb gzipped;

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

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

部分指令發(fā)生了變化：

• 下載安裝??npm install -g vue@cli

• 刪除了vue list

• 建立專(zhuān)案? ?vue create

• 啟動(dòng)專(zhuān)案? ?npm run serve

• #預(yù)設(shè)專(zhuān)案目錄結(jié)構(gòu)也發(fā)生了變化：

• 移除了設(shè)定檔目錄，config?和?build?資料夾

• 移除了?static?資料夾，新增?public?資料夾，並且?index.html?移至?public?中

• 
  在?src?資料夾中新增了?views?資料夾，用於分類(lèi)視圖元件和公共組件

註：php中文網(wǎng)線(xiàn)上班

也開(kāi)始教授最新版本的vue課程了，有興趣的朋友可以了解學(xué)習(xí)。

安裝

npm install -g vue@cli

建立專(zhuān)案檔案：

vue create project //項(xiàng)目的名稱(chēng)

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

vue2和vue3的差異

一、常用指令

vue -V 檢視本機(jī)vue 版本

二、官方文件

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

三、建立檔案

3.0：vue create 進(jìn)入工程文件夾，創(chuàng)建專(zhuān)案。

2.0：vue init webpack

四、啟動(dòng)專(zhuān)案

3.0啟動(dòng)npm run serve

2.0啟動(dòng)npm run dev

build沒(méi)了、config沒(méi)了、喔對(duì)了還有最重要的一點(diǎn)，3.0的安裝專(zhuān)案時(shí)會(huì)自動(dòng)下載node-model。

在根目錄下建立一個(gè)vue.config.js

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

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

Vue3.0和Vue2.0的區(qū)別

一、預(yù)設(shè)進(jìn)行懶觀察（lazy observation）。

在 2.x 版本裡，不管資料多大，都會(huì)在一開(kāi)始就為其建立觀察者。當(dāng)資料很大時(shí)，這可能會(huì)在頁(yè)面載入時(shí)造成明顯的效能壓力。 3.x 版本，只會(huì)對(duì)「被用於渲染初始可見(jiàn)部分的資料」建立觀察者，而且 3.x 的觀察者更有效率。

二、更精準(zhǔn)的變更通知。

比例來(lái)說(shuō)：2.x 版本中，你使用Vue.set 來(lái)為物件新增一個(gè)屬性時(shí)，這個(gè)物件的所有watcher 都會(huì)重新運(yùn)作；3.x 版本中，只有依賴(lài)那個(gè)屬性的watcher 才會(huì)重新運(yùn)作。

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

四、部分指令發(fā)生了變更：

下載安裝npm install -g vue@cli

刪除了vue list

建立專(zhuān)案vue create

啟動(dòng)專(zhuān)案npm run serve

五、預(yù)設(shè)專(zhuān)案目錄結(jié)構(gòu)也發(fā)生了變化：

#移除了設(shè)定檔目錄，config 和build 資料夾

移除了static 資料夾，新增public 資料夾，並且index.html 移動(dòng)到public 中

在src 資料夾中新增了views 資料夾，用於分類(lèi)視圖元件和公用元件

相關(guān)推薦：

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

vue教學(xué)推薦：2020最新的5個(gè)vue.js影片教學(xué)精選

更多程式設(shè)計(jì)相關(guān)知識(shí)，請(qǐng)?jiān)煸L(fǎng)： 程式教學(xué)
！ ！

###

以上是vue3.0和vue2.0的差別是什麼？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！