路由懶加載是干什么的？

路由中通常會(huì)定義很多不同的頁(yè)面，一般放在js文件。但是頁(yè)面這么多放在一個(gè)js文件中，必然會(huì)造成這個(gè)頁(yè)面非常大，如果一次性從服務(wù)器請(qǐng)求下來(lái)這個(gè)頁(yè)面，可能需要花費(fèi)一定時(shí)間，甚至用戶電腦上出現(xiàn)短暫空白情況，為避免這種情況，使用路由懶加載。

什么是具名插槽與匿名插槽？

具名插槽：在子組件中定義插槽時(shí)，給對(duì)應(yīng)的插槽分別起個(gè)名字，方便后邊插入父組件將內(nèi)容根據(jù)name來(lái)填充對(duì)應(yīng)的內(nèi)容。

匿名插槽：又名默認(rèn)插槽，當(dāng)slot沒(méi)有指定name屬性值的時(shí)候一個(gè)默認(rèn)顯示的插槽，一個(gè)組件內(nèi)只有有一個(gè)匿名插槽。

Vue和React中diff算法區(qū)別？

vue的diff算法：vue的diff算法在對(duì)新老虛擬daom進(jìn)行對(duì)比時(shí)，是從節(jié)點(diǎn)的兩側(cè)向中間對(duì)比；如果節(jié)點(diǎn)的key值與元素類型相同，屬性值不同，就會(huì)認(rèn)為是不同節(jié)點(diǎn)，就會(huì)刪除重建。

react的diff算法：react的diff算法在對(duì)新老虛擬dom進(jìn)行對(duì)比是，是從節(jié)點(diǎn)左側(cè)開(kāi)始對(duì)比，就好比將新老虛擬dom放入兩個(gè)棧中，一對(duì)多依次對(duì)比；如果節(jié)點(diǎn)的key值與元素類型相同，屬性值不同，react會(huì)認(rèn)為是同類型節(jié)點(diǎn)，只是修改節(jié)點(diǎn)屬性。

axios是什么?

?Axios是一個(gè)基于promise的HTTP庫(kù)，類似于jQuery的ajax，用于http請(qǐng)求?？梢詰?yīng)用于瀏覽器端和node.js，既可以用于客戶端，也可以用于node.js編寫(xiě)的服務(wù)端。

為什么要設(shè)置key值，可以index嗎?為什么不能?

key值的作用

元素key屬性的作用是用于判斷元素是新創(chuàng)建的還是被移動(dòng)的元素，從而減少不必要的Diff。

一旦組件加上了key值，在渲染時(shí)對(duì)該組件的身份進(jìn)行校驗(yàn)，首先校驗(yàn)新舊組件的key值是不是一致，不一致的話，該組件直接銷毀，然后在新建該組件；如果一致，則比較組件的屬性是否發(fā)生變化，如果發(fā)生變化，則采用diff算法進(jìn)行對(duì)比，然后得出差異對(duì)象，如果屬性沒(méi)發(fā)生變化，則認(rèn)為該組件不需要改變。

為什么最好不要使用index作為key？

若數(shù)組的內(nèi)容只是作為純展示，而不涉及到數(shù)組的動(dòng)態(tài)變更，其實(shí)是可以使用index作為key的。

如果涉及到數(shù)組的動(dòng)態(tài)變更，例如數(shù)組新增元素、刪除元素或者重新排序等，這時(shí)index作為key會(huì)導(dǎo)致展示錯(cuò)誤的數(shù)據(jù)。

什么時(shí)候使用vuex？

當(dāng)你法很好進(jìn)行數(shù)據(jù)管理的時(shí)候，你才需要用Vuex

具體來(lái)說(shuō)的話，大體來(lái)說(shuō)分為兩類：

1.當(dāng)一個(gè)組件需要多次派發(fā)事件時(shí)

原因很簡(jiǎn)單,如果它多次派發(fā)事件,必然有其它組件進(jìn)行接收并調(diào)用。為了以后的方便維護(hù)，就需要用到vuex了，尤其是中大型項(xiàng)目。

2.跨組件共享數(shù)據(jù)、跨頁(yè)面共享數(shù)據(jù)

簡(jiǎn)單來(lái)說(shuō)，共享數(shù)據(jù)，只要看到這種字眼就要想到vuex了。需要共享的數(shù)據(jù)，就需要保存到vuex中。

什么是Vue.nextTick()?

nextTick 是 Vue.js 中的一個(gè)方法，用于在 DOM 更新之后執(zhí)行一段代碼。它是 Vue.js 中的異步更新機(jī)制之一，用于在下一次 DOM 更新周期之后執(zhí)行回調(diào)函數(shù)，確保 DOM 更新完畢后再執(zhí)行代碼，以避免出現(xiàn)操作未更新完的 DOM 元素的問(wèn)題。

nextTick 可以在 Vue.js 的組件內(nèi)部使用，用于在 DOM 更新周期之后執(zhí)行一些操作，例如在修改數(shù)據(jù)后立即獲取更新后的 DOM 元素的屬性或進(jìn)行其他 DOM 操作。

作用：

nextTick 主要用于以下場(chǎng)景：

當(dāng)你修改了 Vue.js 實(shí)例中的數(shù)據(jù)后，想要立即獲取更新后的 DOM 元素的屬性或進(jìn)行其他 DOM 操作。

當(dāng)你想要在 DOM 更新之后執(zhí)行一段代碼，例如在 DOM 更新后執(zhí)行一些異步操作。

原理：

Vue.js 通過(guò)異步更新機(jī)制來(lái)實(shí)現(xiàn)性能優(yōu)化，將多次數(shù)據(jù)變更合并為一次 DOM 更新，從而提高性能。nextTick 利用了 Vue.js 的異步更新機(jī)制，在下一次 DOM 更新周期之后執(zhí)行回調(diào)函數(shù)，以確保 DOM 更新完畢后再執(zhí)行代碼。