vue2與vue3有什么區(qū)別佩研?

(1)雙向數(shù)據(jù)綁定的原理不同
vue2中通過Object.definedProperty()的一個(gè)get與set來做數(shù)據(jù)挾持享完,結(jié)合訂閱發(fā)布者模式來實(shí)現(xiàn)的。Object.definedProperty()它呢會(huì)遍歷每一個(gè)屬性废膘,然后給它們加上get與set方法竹海,實(shí)現(xiàn)雙向數(shù)據(jù)綁定。而vue3中用的是ES6的proxy代理的方式來實(shí)現(xiàn)的雙向數(shù)據(jù)綁定的原理殖卑。

(2)是否支持碎片
vue2不支持碎片站削,vue3支持碎片,也就是說vue2中內(nèi)容是必須包裹在一個(gè)根標(biāo)簽下面孵稽,vue3中可以沒有這個(gè)根標(biāo)簽许起,因?yàn)樗鼤?huì)默認(rèn)將標(biāo)簽包裹在一個(gè)fragment的虛擬標(biāo)簽里面。

(3)API的類型不同
vue2中使用的是選項(xiàng)式API菩鲜,也就是數(shù)據(jù)是放在data里面多的园细,函數(shù)是放在methods里面的,計(jì)算屬性放在computed里面接校,監(jiān)聽放在watch里面猛频。vue3中使用的是組合式API,也就是將所有的代碼放在一起,更容易維護(hù)蛛勉。

(4)生命周期中鉤子函數(shù):

      vue2中的生命周期: 
               beforeCreate  組件創(chuàng)建之前
               created   組件創(chuàng)建之后
               beforeMount  組件掛載到頁面之前
               mounted  組件掛載到頁面之后
               beforeUpdate   組件更新之前
               updated   組件更新之后
               beforeDestroy  實(shí)例銷毀之前
               destroyed      實(shí)例銷毀之后調(diào)用
               activated      keep-alive 緩存的組件激活時(shí)調(diào)用鹿寻。
               deactivated   被 keep-alive 緩存的組件停用時(shí)調(diào)用。
               errorCaptured    當(dāng)捕獲一個(gè)來自子孫組件的錯(cuò)誤時(shí)被調(diào)用

        vue3的生命周期:
               setup開始創(chuàng)建組件
               onBeforeMount  組件掛載到頁面之前執(zhí)行
               onMounted  組件掛載到頁面之后執(zhí)行
               onBeforeUpdate   組件更新之前
               onUpdated   組件更新之后
               onBeforeUnmount  實(shí)例銷毀之前
               onUnmounted   實(shí)例銷毀之后調(diào)用
               onActivated
               onDeactivated
               onErrorCaptured

(5)diff算法不同
Vue.js3 在 diff 算法方面的改進(jìn)主要包括使用靜態(tài)標(biāo)記優(yōu)化diff過程诽凌、優(yōu)化了 unkeyed 列表的處理和改進(jìn)響應(yīng)式系統(tǒng)對(duì)數(shù)組數(shù)據(jù)的支持毡熏,這些都使得 Vue.js 3 相對(duì)于 Vue.js 2 更加高效。

(6)父子傳參不同
Vue2 父?jìng)髯勇滤校胮rops 痢法;子傳父用事件Emit Events。在Vue2 中杜顺,會(huì)調(diào)用this.$emit 然后傳入事件名和對(duì)象财搁。
Vue3 父?jìng)髯樱胮rops躬络;子傳父用Emitting Events 尖奔。在Vue3 中的setup()中的第一參數(shù)content 對(duì)象中就有 emit,那么我們只要在setup()接收第二個(gè)參數(shù)中使用分解對(duì)象法取出emit 就可以在setup 方法中隨意使用了洗鸵。

(7)vuex 和pinia的使用:vue2中使用vuex進(jìn)行狀態(tài)管理越锈,vue3中使用pinia進(jìn)行狀態(tài)管理。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末膘滨,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子稀拐,更是在濱河造成了極大的恐慌火邓,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異铲咨,居然都是意外死亡躲胳,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門纤勒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來坯苹,“玉大人,你說我怎么就攤上這事摇天〈馀龋” “怎么了?”我有些...
    開封第一講書人閱讀 169,461評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵泉坐,是天一觀的道長(zhǎng)为鳄。 經(jīng)常有香客問我,道長(zhǎng)腕让,這世上最難降的妖魔是什么孤钦? 我笑而不...
    開封第一講書人閱讀 60,135評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮纯丸,結(jié)果婚禮上偏形,老公的妹妹穿的比我還像新娘。我一直安慰自己觉鼻,他們只是感情好俊扭,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著滑凉,像睡著了一般统扳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上畅姊,一...
    開封第一講書人閱讀 52,736評(píng)論 1 312
  • 那天咒钟,我揣著相機(jī)與錄音,去河邊找鬼若未。 笑死朱嘴,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的粗合。 我是一名探鬼主播萍嬉,決...
    沈念sama閱讀 41,179評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼隙疚!你這毒婦竟也來了壤追?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,124評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤供屉,失蹤者是張志新(化名)和其女友劉穎行冰,沒想到半個(gè)月后溺蕉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,657評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡悼做,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評(píng)論 3 342
  • 正文 我和宋清朗相戀三年疯特,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肛走。...
    茶點(diǎn)故事閱讀 40,872評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡漓雅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出朽色,到底是詐尸還是另有隱情邻吞,我是刑警寧澤,帶...
    沈念sama閱讀 36,533評(píng)論 5 351
  • 正文 年R本政府宣布纵搁,位于F島的核電站吃衅,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏腾誉。R本人自食惡果不足惜徘层,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望利职。 院中可真熱鬧趣效,春花似錦、人聲如沸猪贪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽热押。三九已至西傀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間桶癣,已是汗流浹背拥褂。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評(píng)論 1 274
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留牙寞,地道東北人饺鹃。 一個(gè)月前我還...
    沈念sama閱讀 49,304評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像间雀,于是被迫代替她去往敵國(guó)和親悔详。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容