vue數(shù)據(jù)雙向綁定優(yōu)缺點 vue2和vue3區(qū)別面試題?
兩者的雙向約束原則。定義數(shù)據(jù)變量和方法的變化。生命周期鉤子函數(shù)是不同的。Vue3增加了onRenderTracked和onRenderTriggered函數(shù)。vue3中增加了對TypeScript和P
兩者的雙向約束原則。
定義數(shù)據(jù)變量和方法的變化。
生命周期鉤子函數(shù)是不同的。
Vue3增加了onRenderTracked和onRenderTriggered函數(shù)。
vue3中增加了對TypeScript和PWA的支持。
在數(shù)據(jù)綁定的API設(shè)計上,
t:是瀏覽器直接瀏覽的文件,是后續(xù)dom節(jié)點嵌入和更改的基本HTML文件。
e官方不建議直接操作DOM,Vue的目的在于視圖和數(shù)據(jù)的綁定。如果直接通過JQuery操作DOM,必然導(dǎo)致視圖數(shù)據(jù)和模型數(shù)據(jù)的不匹配,那么Vue就失去了存在的意義。JQuery和VueJS的合理使用不會造成,因為側(cè)重點不同。VueJS側(cè)重于數(shù)據(jù)綁定和視圖組件,而JQuery側(cè)重于異步請求和動畫效果。
如果使用JQuery VueJS進(jìn)行開發(fā),那么在使用JQuery之前,必須呈現(xiàn)所有的HTML組件。使用JQuery時,應(yīng)該避免直接操作DOM,但是應(yīng)用動畫是允許的。JQuery和VueJS可以互相配合,非常高效地完成異步任務(wù)。首先,它們通過JQuery發(fā)送Ajax請求,然后接收服務(wù)器傳輸?shù)腏SON數(shù)據(jù)。然后他們通過Vue把數(shù)據(jù)綁定到組件上,最后用JQuery動畫化。整個過程就像流水一樣自然。順便說一句,Vue的目的不是取代JQuery,而是解決前端分離。如果沒有數(shù)據(jù)變化,只是簡單的樣式變化,就沒有必要大費周章綁定視圖模型,也不利于SEO優(yōu)化。