1、虛擬DOM中key的作用：

        key是虛擬DOM對象的標識，當狀態中的數據發生變化時，Vue會根據【新數據】生成【新的虛擬DOM】，隨后Vue進行【新虛擬DOM】的差異比較，比較規則如下：

       key的對比規則：

        1、舊虛擬DOM中找到了與新虛擬DOM相同的key：

• 若虛擬DOM中內容沒變，直接使用之前的真實DOM
• 若虛擬DOM中內容變了，則生成新的真實DOM，隨后替換掉頁面中之前的真實DOM              

        2、舊虛擬DOM中未找到與新虛擬DOM相同的key

•  創建新的真實DOM，隨后渲染到頁面

2、用index作為key可能會引發的問題：

        1、若對數據進行：逆序添加、逆序刪除等破壞順序操作：會產生沒有必要的真實DOM更新 ===> 界面效果沒問底，但效率低

        2、如果結構中還包含輸入類的DOM：會產生錯誤DOM更新 ===> 界面有問題

3、開發中如何選擇key？

        1、最好使用每條數據的唯一標識作為key，比如id、手機號、身份證號、學號等唯一值

        2、如果不存在對數據的逆序添加、逆序刪除等破壞順序操作，僅用于渲染列表用于展示，使用index作為key是沒有問題的

4、Vue 組件中 data 為什么必須是函數？

     

總結

以上是生活随笔為你收集整理的Vue经典面试题及答案汇总(持续更新）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。