Vue-cli3.0于 兼容性不是很好，命令有不少變化，不是特別的樂觀
vue3.0 的發(fā)布與 vue2.0 相比，優(yōu)勢主要體現(xiàn)在：更快、更小、更易維護、更易于原生、讓開發(fā)者更輕松；
更快
1、virtual DOM 完全重寫，mounting & patching 提速 100%；
2、更多編譯時 （compile-time）提醒以減少 runtime 開銷；
3、基于 Proxy 觀察者機制以滿足全語言覆蓋以及更好的性能；
4、放棄 Object.defineProperty ，使用更快的原生 Proxy；
5、組件實例初始化速度提高 100%;
6、提速一倍/內(nèi)存使用降低一半；
更小
1、Tree-shaking 更友好；
2、新的 core runtime：~ 10kb gzipped；
===============
3.0 新加入了 TypeScript 以及 PWA 的支持
部分命令發(fā)生了變化：
下載安裝??npm install -g vue@cli
刪除了vue list
創(chuàng)建項目? ?vue create
啟動項目? ?npm run serve
默認項目目錄結(jié)構(gòu)也發(fā)生了變化：
移除了配置文件目錄，config?和?build?文件夾
移除了?static?文件夾，新增?public?文件夾，并且?index.html?移動到?public?中
在?src?文件夾中新增了?views?文件夾，用于分類 視圖組件 和 公共組件
安裝
npm install -g vue@cli
創(chuàng)建項目文件：
vue create project //項目的名稱
====================
vue2和vue3的區(qū)別
一、常用命令
vue -V 查看本地 vue 版本
二、官方文檔
三、創(chuàng)建文件
3.0：vue create 進入工程文件夾，創(chuàng)建項目。
2.0：vue init webpack
四、啟動項目
3.0啟動npm run serve
2.0啟動npm run dev
build沒了、config沒了、哦對了還有最重要的一點，3.0的安裝項目時自動下載node-model。
在根目錄下創(chuàng)建一個vue.config.js
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: '',
ws: true,
changeOrigin: true
},
'/foo': {
target: ''
}
}, // 配置多個代理
}
}
==================
Vue3.0和Vue2.0的區(qū)別
一、默認進行懶觀察（lazy observation）。
在 2.x 版本里，不過數(shù)據(jù)多大，都會在一開始就為其創(chuàng)建觀察者。當數(shù)據(jù)很大時，這可能會在頁面載入時造成明顯的性能壓力。3.x 版本，只會對「被用于渲染初始可見部分的數(shù)據(jù)」創(chuàng)建觀察者，而且 3.x 的觀察者更高效。
二、更精準的變更通知。
比例來說：2.x 版本中，你使用 Vue.set 來給對象新增一個屬性時，這個對象的所有 watcher 都會重新運行；3.x 版本中，只有依賴那個屬性的 watcher 才會重新運行。
三、3.0 新加入了 TypeScript 以及 PWA 的支持
四、部分命令發(fā)生了變化：
下載安裝 npm install -g vue@cli
刪除了vue list
創(chuàng)建項目 vue create
啟動項目 npm run serve
五、默認項目目錄結(jié)構(gòu)也發(fā)生了變化：
移除了配置文件目錄，config 和 build 文件夾
移除了 static 文件夾，新增 public 文件夾，并且 index.html 移動到 public 中
在 src 文件夾中新增了 views 文件夾，用于分類 視圖組件 和 公共組件
