小編給大家分享一下vue3.0和vue2.0的區(qū)別有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司長(zhǎng)期為千余家客戶(hù)提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為東城企業(yè)提供專(zhuān)業(yè)的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作，東城網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

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

vue3.0和2.0的區(qū)別

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、放棄 Object.defineProperty ，使用更快的原生 Proxy；
　　5、組件實(shí)例初始化速度提高 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)建項(xiàng)目   vue create

啟動(dòng)項(xiàng)目   npm run serve

默認(rèn)項(xiàng)目目錄結(jié)構(gòu)也發(fā)生了變化：

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

移除了 static 文件夾，新增 public 文件夾，并且 index.html 移動(dòng)到 public 中

在 src 文件夾中新增了 views 文件夾，用于分類(lèi) 視圖組件 和 公共組件

安裝

npm install -g vue@cli

創(chuàng)建項(xiàng)目文件：

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

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

vue2和vue3的區(qū)別

一、常用命令

vue -V 查看本地 vue 版本

二、官方文檔

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

三、創(chuàng)建文件

3.0：vue create 進(jìn)入工程文件夾，創(chuàng)建項(xiàng)目。

2.0：vue init webpack

四、啟動(dòng)項(xiàng)目

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的安裝項(xiàng)目時(shí)自動(dòng)下載node-model。

在根目錄下創(chuàng)建一個(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: '<url>',
 ws: true,
 changeOrigin: true
 },
 '/foo': {
 target: '<other_url>'
 }
 }, // 配置多個(gè)代理
 }
 }

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

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

一、默認(rèn)進(jìn)行懶觀察（lazy observation）。

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

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

比例來(lái)說(shuō)：2.x 版本中，你使用 Vue.set 來(lái)給對(duì)象新增一個(gè)屬性時(shí)，這個(gè)對(duì)象的所有 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

創(chuàng)建項(xiàng)目 vue create

啟動(dòng)項(xiàng)目 npm run serve

五、默認(rèn)項(xiàng)目目錄結(jié)構(gòu)也發(fā)生了變化：

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

移除了 static 文件夾，新增 public 文件夾，并且 index.html 移動(dòng)到 public 中

在 src 文件夾中新增了 views 文件夾，用于分類(lèi) 視圖組件 和 公共組件

以上是“vue3.0和vue2.0的區(qū)別有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：vue3.0和vue2.0的區(qū)別有哪些-創(chuàng)新互聯(lián)
分享URL：http://www.chinadenli.net/article12/dcsodc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄、微信公眾號(hào)、網(wǎng)站改版、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)