TypeError：无法读取未定义的VueJS的属性“ 0”

Question

我看到了VueJS和HTML无序列表元素的奇怪问题。所有文件都建立在我的项目中，没有任何错误，但是在浏览器中您看不到页面，并且浏览器控制台中也有错误。

我有一个修复程序（请参见下面的代码），但对为什么VueJS引发此错误以及VueJS如何处理浏览器中的基本列表元素感到好奇？因此，我希望有人可以向我解释这个问题，以全面了解此处的实际情况。

我正在使用Visual Studio 2019和Snowpack进行编译

我的html /模板代码：

import Parent from '../parent'
jest.mock('./child');

it('should render properly'), () => {
   render(<Parent firstname='bob'/>);
   expect('child').toBeCalledWith({ name: 'bob' });
}

我的Vue组件ts代码：

='Data Sheet'!E14/'Data Sheet'!E20

错误：（我的vue组件名称为'applyVEVRAA.vue.js'）

Answer 1

您向'parent'元素添加了一个键，以便Vue渲染器可以识别它。如果发生更改，渲染器就会知道需要更新哪些元素。

在此链接中，对它的解释更好-> https://www.telerik.com/blogs/in-vue-when-do-i-actually-need-the-key-attribute-and-why。