vue2響應(yīng)式缺點(vue的響應(yīng)式原理是怎樣的)
3Vue中設(shè)計了一套強(qiáng)大的組合API代替了Vue2中的option API , 復(fù)用性更強(qiáng)了 4更好的支持TS 5Vue3中使用了Proxy配合Reflect代替了Vue2中objectdefineProperty方法實現(xiàn)數(shù)據(jù)的響應(yīng)式數(shù)據(jù)代理 6重寫了。
2Vue3data選項只能是一個方法,由方法返回一個對象1Vue2后添加的屬性不具備響應(yīng)式要想實現(xiàn)響應(yīng)式只有兩種方法1 set方法給對象添加新的屬性,確保新添加的屬性同樣具備響應(yīng)式3操作。
createApp 組件 與new Vue template,render setup函數(shù)返回一個對象,這個對象中包含方法和數(shù)據(jù),生命周期鉤子函數(shù)也在setup中運(yùn)行,取代的是vue2中的data,methods ref類型的數(shù)據(jù),是一種響應(yīng)式的數(shù)據(jù),待續(xù) vue。
HTMLASTrender render的調(diào)用 在源碼中,Vue增加了對初始化是否成功的判斷,如果非new Vue創(chuàng)建的對象,Vue會報warn初始化工作是通過_initoptions函數(shù)完成的當(dāng)然,vdom改變并不一定會引起真實DOM操作在適當(dāng)。
1判斷target是否是undefined,null,或者原始類型,或者vue實例,或者vue實例的跟數(shù)據(jù)對象 2target為數(shù)組,則還是通過調(diào)用splice操作索引更新數(shù)據(jù) 3target為對象,且為響應(yīng)式,則調(diào)用defineReactive操作數(shù)據(jù) 4更新。
優(yōu)點1性能好 2簡單易用 3前后端分離 4單頁面應(yīng)用用戶體驗好 缺點vue是做單頁應(yīng)用的,多頁應(yīng)用雖然也可以做,但是不夠靈活vue要做多頁應(yīng)用需要配置多入口。
其實Vuejs不是一個框架,因為它只聚焦視圖層,是一個構(gòu)建數(shù)據(jù)驅(qū)動的Web界面的庫Vuejs通過簡單的API應(yīng)用程序編程接口提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)Vuejs的特性如下1輕量級的框架 2雙向數(shù)據(jù)綁定 3指令。
vue3只能由方法返回一個對象 vue2的屬性不具備相應(yīng)式,要實現(xiàn)響應(yīng)式有兩種方法 1 forceUpdate強(qiáng)制刷新頁面,比較損耗性能 2 set方法給對象添加新屬性,針對性強(qiáng)制刷新,性能消耗低 3 push pop unshif。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。