-
默認進行懶觀察（lazy observation）。在 2.x 版本里，不管數據多大，都會在一開始就爲其創建觀察者。當數據很大時，這可能會在頁面載入時造成明顯的性能壓力。3.x 版本，只會對「被用於渲染初始可見部分的數據」創建觀察者，而且 3.x 的觀察者更高效。
-
更精準的變更通知。2.x 版本中，使用 Vue.set 來給對象新增一個屬性時，這個對象的所有 watcher 都會重新運行；3.x 版本中，只有依賴那個屬性的 watcher 纔會重新運行。
-
新加入了 TypeScript 以及 PWA 的支持
-
目錄結構和依賴版本的變更
- 新增插件 vue add vuex vue add router
- pug-plain已重命名爲pug-plain-loader
- 默認目錄結構已更改
- src/store.js 改爲 src/store/index.js
- src/router.js 改爲 src/router/index.js
- 由於兼容性原因，仍支持 router＆routerHistoryMode 選項 preset.json
- 但是現在建議使用它來 plugins: { '@vue/cli-plugin-router': { historyMode: true } }
- 獲得更好的一致性
- "@vue/cli-plugin-babel", "@vue/cli-plugin-eslint", "@vue/cli-service"由 v3 的版本升級到了 v4
- sass-loader由 v7 的版本升級到了 v8
- core-js由 v2 的版本升級到了 v3
- webpack-chain由 v4 的版本升級到了 v6
- css-loader由 v1 的版本升級到了 v3
- url-loader由 v1 的版本升級到了 v2
- file-loader由 v3 的版本升級到了 v4
- copy-webpack-plugin由 v4 的版本升級到了 v5
- terser-webpack-plugin由 v1 的版本升級到了 v2
- @vue/cli-plugin-pwa由 v3 的版本升級到了 v4
- api.hasPlugin('vue-router')不再受支持，現在 api.hasPlugin('router')
- lintOnSave 選項的默認值（未指定時）從 true 更改爲 default
- 廢棄vue-cli-service test:e2e
- @vue/cli-plugin-e2e-nightwatch Nightwatch.js已從0.9升級到1.x
- @vue/cli-plugin-unit-mocha 升級到Mocha 6
- @vue/cli-plugin-unit-jest jest由 v23 升級到v24
- @vue/cli-plugin-typescript 更好的ts(x)支持 ，勝過js(x)
一、升級本地環境
npm uninstall -g vue-cli
npm install -g @vue/cli
安裝好了之後輸入 vue -V 查看版本
二、搭建項目
vue create <Project Name> //文件名 不支持駝峯（含大寫字母）
default 是使用默認配置
Manually select features 是自定義配置，我選的是自定義配置
按上下鍵切換，空格鍵選擇
是否使用class風格的組件語法，是
是否使用babel做轉義，是
選擇是否使用路由 history router，其實直白來說就是是否路徑帶 # 號，選擇 N
css 的預處理器我選擇的是 Sass/SCSS(with dart-sass) 。node-sass是自動編譯實時的，dart-sass需要保存後纔會生效
sass 官方目前主力推 dart-sass 最新的特性都會在這個上面先實現
選擇 ESLint 代碼校驗規則，提供一個插件化的javascript代碼檢測工具，ESLint + Prettier 使用較多
然後選擇什麼時候進行代碼校驗，Lint on save 保存就檢查，Lint and fix on commit fix 或者 commit 的時候檢查，建議第一個
如何存放配置，In dedicated config files 存放到獨立文件中，In package.json 存放到 package.json 中
是否保存本次的配置了，N 不記錄，如果選擇 Y 需要輸入保存名字
然後就開始創建項目，創建完成之後輸入命令
npm run serve