在Vue框架中，有一些常見的異常，這些異常可能會在應(yīng)用程序運(yùn)行過程中出現(xiàn)，導(dǎo)致應(yīng)用程序出現(xiàn)各種問題。下面我們將逐一介紹這些常見異常。

1. Template 單一根元素問題

在Vue的模板中，模板最外層只能包含一個(gè)根節(jié)點(diǎn)。如果模板中有多個(gè)根節(jié)點(diǎn)，Vue會拋出 Template 單一根元素問題。這個(gè)問題在執(zhí)行渲染時(shí)會表現(xiàn)為頁面沒有顯示任何內(nèi)容。

2. v-for 唯一 key 值問題

在Vue中，使用 v-for 對數(shù)組進(jìn)行循環(huán)渲染時(shí)，每個(gè)循環(huán)項(xiàng)必須唯一地綁定一個(gè) key 值。如果沒有為循環(huán)項(xiàng)綁定 key 值，Vue會拋出 v-for 唯一 key 值問題。這個(gè)問題在執(zhí)行渲染時(shí)會表現(xiàn)為頁面出現(xiàn)重復(fù)的內(nèi)容。

3. Cannot read property 'xxx' of undefined

在Vue中，如果試圖訪問一個(gè)不存在的屬性，或試圖訪問一個(gè)對象的屬性但該對象為 undefined 或 null，Vue會拋出 Cannot read property 'xxx' of undefined 的異常。這個(gè)問題在執(zhí)行渲染時(shí)會表現(xiàn)為頁面出現(xiàn)錯(cuò)誤提示。

4. Emitted Event 未被偵聽問題

在Vue中，可以使用 $emit() 方法向父組件傳遞事件。如果父組件沒有監(jiān)聽該事件，Vue會拋出 Emitted Event 未被偵聽問題。這個(gè)問題在執(zhí)行渲染時(shí)不會表現(xiàn)為任何錯(cuò)誤，但是父子組件之間的通訊會失效。

5. Default Handler found 非法問題

在Vue中，如果想為某個(gè)組件的事件綁定一個(gè)空方法，可以使用 .passive 修飾符。但是，在一些情況下，如果使用了該修飾符，并且在該組件的默認(rèn)方法中引用了未定義的變量或方法，Vue會拋出 Default Handler found 非法問題。這個(gè)問題在執(zhí)行渲染時(shí)會表現(xiàn)為頁面出現(xiàn)錯(cuò)誤提示。