1、計(jì)算屬性是基于它們的響應(yīng)式依賴進(jìn)行緩存的只在相關(guān)響應(yīng)式依賴發(fā)生改變時(shí)它們才會(huì)重新求值這就意味著只要 message 還沒有發(fā)生改變，多次訪問 reversedMessage 計(jì)算屬性會(huì)立即返回之前的計(jì)算結(jié)果，而不必再次執(zhí)行函數(shù)；vue3是一個(gè)對(duì)象通過對(duì)象Vue的createApp方法創(chuàng)建一個(gè)vue實(shí)例 vue2 vue3 vue2 可以是一個(gè)對(duì)象或者由方法返回一個(gè)對(duì)象 vue3只能由方法返回一個(gè)對(duì)象 vue2的屬性不具備相應(yīng)式，要實(shí)現(xiàn)響應(yīng)式有兩種方法 1 forceUpdate；在vue2中，我們?cè)趯懶枰臄?shù)據(jù)的時(shí)候需要在export#160default的里面添加data并把它return出來 而在vue3中，新增了個(gè)函數(shù)setup，vue2中的聲明周期都是寫在data外面的，和data同級(jí)，但是vue3的生命周期是寫在setup函數(shù)里面；個(gè)API，ObjectdefineProperty對(duì)數(shù)據(jù)進(jìn)#121；大vue2的雙向數(shù)據(jù)綁定Q是利用ES5的一個(gè)AP1，ObiectdefineProperty0對(duì)數(shù)據(jù)進(jìn)行劫持結(jié)合發(fā)布訂閱模式的方式來實(shí)現(xiàn)的vue3中使用了ES6的ProxvA1對(duì)數(shù)據(jù)代理，通過reactive函數(shù)給每個(gè)對(duì)象都包一層Proxy，過Proxy監(jiān)聽屬性的變化；視圖更新原理 其原理就是vue的響應(yīng)式更新dom的原理，m = v m是數(shù)據(jù)，也就是在vuerouter install時(shí)在根組件root vue component添加了_route屬性，在匹配到對(duì)應(yīng)路由后更新了_route屬性值，繼而觸發(fā)了該屬性值的。

2、1Vue3的Template支持多個(gè)根標(biāo)簽，Vue2不支持2Vue3有createApp，而Vue2的是newVuecreateApp組件，newVuetemplate，render3vmodel代替以前的vmodel和syncvue3中vmodel的用法要求props屬性名任意；1vue2是一個(gè)構(gòu)造函數(shù)，通過該構(gòu)造函數(shù)創(chuàng)建一個(gè)Vue實(shí)例 2Vue3是一個(gè)對(duì)象并通過該對(duì)象的createApp方法，創(chuàng)建一個(gè)vue實(shí)例1Vue2可以通過el選項(xiàng)和$mount方法來掛載容器2Vue3只能；整體來說， Vue3 相比于 Vue2 在很多方面都做了調(diào)整，數(shù)據(jù)的響應(yīng)式只是冰山一角，但是可以看出尤大團(tuán)隊(duì)非常巧妙的利用了 Proxy 的特點(diǎn)以及 es6 的數(shù)據(jù)結(jié)構(gòu)和方法另外， Composition API 的模式跟 React。

3、1vue2相較vue3代碼可讀性比較差vue2中選項(xiàng)API格式的代碼的可讀性較差，當(dāng)需要實(shí)現(xiàn)的某一個(gè)功能涉及到多個(gè)屬性的時(shí)候，就會(huì)出現(xiàn)在 props中接收參數(shù) 在data中定義變量 在watch中監(jiān)聽變化 在computed中定義需要使用到的計(jì)算；項(xiàng)目目錄不同 1vuecli3o移除了config文件夾2多了文件3新增了一個(gè)views文件夾4刪除了static新增了public文件夾5indexhtml移動(dòng)到public了配置項(xiàng)不同 1vuecli20的域名配置，分；概要 Vue 讀音 vju#720，類似于 view 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架vue2版本階段已經(jīng)證明了它的易用性和流行性，說明它已經(jīng)足夠優(yōu)秀在構(gòu)建前端應(yīng)用領(lǐng)域，而vue3的推出更是將性能提升做了最大的優(yōu)化；5 Vue3與Vue2響應(yīng)式的區(qū)別 vue也都提供了解決方案 $set 和 $delete ，需要理解的直接移步 深入響應(yīng)式原理 更多內(nèi)容可以參考 ES6 Proxy 6 Vue3對(duì)比Vue2的優(yōu)勢(shì)及新特性原理。

4、3原理創(chuàng)建了單一的狀態(tài)樹，包含state，mutation，action，getter，module4viewdispatchactioncommitmutationmutatestaterenderview 5通過vue的data和computed，讓state變成響應(yīng)式，6通過vueuse插件機(jī)制和vue；3Vue中設(shè)計(jì)了一套強(qiáng)大的組合API代替了Vue2中的option API ， 復(fù)用性更強(qiáng)了 4更好的支持TS 5Vue3中使用了Proxy配合Reflect代替了Vue2中objectdefineProperty方法實(shí)現(xiàn)數(shù)據(jù)的響應(yīng)式數(shù)據(jù)代理 6重寫了；一，通過上面可以看到vue3的新特性有1速度更快 2體積更小 相比Vue2，Vue3整體體積變小了，除了移出一些不常用的API，再重要的是Tree shanking 任何一個(gè)函數(shù)，如refreavtivedcomputed等，僅僅在用到的時(shí)候才。

5、vue2選項(xiàng)api和vue3組合式api的區(qū)別的如下就是API的使用方式，在Vue2中使用的是選項(xiàng)APIOptions，API在Vue3中使用的組合APIComposition，API一什么是選項(xiàng)API寫法如下1代碼風(fēng)格data選項(xiàng)寫數(shù)據(jù)，methods選項(xiàng)寫函數(shù)一個(gè)。