vue渲染時 取對象的對象報錯

info: {
     support: {
          key: "2222",
          value: ""
      },
   },

　　見文之意：這里的意思就是模板在渲染時候，讀取對象中的某個對象的屬性值時，這個對象不存在，說通俗點就是三層表達式a.b.c，在對象a中沒有對象b，那么讀取對象a.b.c中的值，自然會報錯。如果是兩層表達式a.b則不會報錯，返回的是undefined。

然后vue渲染機制中：異步數據先顯示初始數據，再顯示帶數據的數據，

所以在渲染時，出現的三層表達式在info中取support[0]數組中的小標為0的對象還不存在，再在這個對象中取其他值自然會報錯，但是渲染完成后，info中的值加載好了，自然可以取到，這也就解釋了為什么界面正常顯示，但開發者工具會報錯的原因

【解決方案】：

在上面一個div中添加v-if判斷條件，如果info.support取不到，則不加載該div即可解決。（注意，不能用v-show，v-show的機制是加載后，根據條件判斷是否顯示）