P18 vue高頻面試題

經(jīng)過(guò)閱讀這些高頻面試題目，我對(duì)Vue有了更深刻的理解。以下是我聽課的感悟:

一、nextTick

1、$nextTick是在下次DOM更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。在修改數(shù)據(jù)之后立即使用這個(gè)方法，獲取更新后tDOM，意思是等你dom加載完畢以后再去調(diào)用nextTick()里面的數(shù)據(jù)內(nèi)容

2、在Vue中，當(dāng)你修改了某些數(shù)據(jù)后，Vue并不會(huì)立即重新渲染視圖，而是將這個(gè)渲染任務(wù)放入到一個(gè)隊(duì)列中。然后，在下一次事件循環(huán)迭代中，Vue會(huì)檢查隊(duì)列中的任務(wù)并執(zhí)行它們，從而更新視圖。這個(gè)過(guò)程就是由nextTick來(lái)完成的

3、在項(xiàng)目中

• 異步操作：當(dāng)你有一個(gè)異步操作（例如從服務(wù)器獲取數(shù)據(jù)）并且在操作完成之前需要更新視圖時(shí)，你可以使用nextTick。這樣可以在數(shù)據(jù)準(zhǔn)備好之后，立即更新視圖，避免了不必要的渲染。
• 避免閃爍：在某些情況下，如果你直接在模板中綁定一個(gè)計(jì)算屬性或者方法，而在這個(gè)計(jì)算屬性或者方法中又涉及到其他的異步操作，那么可能會(huì)出現(xiàn)數(shù)據(jù)沒(méi)有更新完就渲染的情況，從而導(dǎo)致視圖閃爍。使用nextTick可以確保在異步操作完成后再進(jìn)行渲染，避免了這種情況。
• 協(xié)調(diào)異步操作：在Vue中，有時(shí)候你需要協(xié)調(diào)多個(gè)異步操作，例如在多個(gè)Promise都完成后再進(jìn)行下一步操作。在這種情況下，你可以使用nextTick來(lái)確保所有的異步操作都已經(jīng)完成，然后再進(jìn)行下一步的操作。

二、computed和watch和methods有什么作用?

1. Computed是Vue.js中的一個(gè)特性，它允許你定義一個(gè)計(jì)算屬性，這個(gè)屬性的值依賴于其他數(shù)據(jù)的變化。當(dāng)依賴的數(shù)據(jù)變化時(shí)，計(jì)算屬性會(huì)自動(dòng)更新。
2. Watch是Vue.js中的一個(gè)特性，它允許你監(jiān)聽一個(gè)數(shù)據(jù)變化，并在它發(fā)生變化時(shí)執(zhí)行一些操作。你可以使用watch選項(xiàng)來(lái)設(shè)置一個(gè)監(jiān)聽器。當(dāng)被監(jiān)聽的數(shù)據(jù)發(fā)生變化時(shí)，你指定的回調(diào)函數(shù)將被執(zhí)行。
3. Methods是Vue.js中的一個(gè)特性，它允許你定義一個(gè)函數(shù)，并在你的模板中調(diào)用它。你可以在Vue實(shí)例中定義方法，這些方法可以訪問(wèn)實(shí)例的數(shù)據(jù)和方法。