[Vue warn]: Error in render: “TypeError: Cannot read property ‘forEach‘ of undefined“ found in

Vue在运行时报错，Cannot read property ‘forEach’ of undefined

原理

在 Vue 应用中，当我们在模板中使用 v-for 指令来循环一个对象的属性时，必须确保该属性在数据对象中已经被正确定义和初始化。例如，如果你的模板试图循环 form.list，你需要在 Vue 组件的 data 函数中提前定义 form 对象，并确保 list 是一个数组（即使是一个空数组）。

报错展示

[Vue warn]: Error in render: "TypeError: Cannot read property 'forEach' of undefined"

found in

---> <YourComponentName> at src/components/YourComponentName.vue
       <App> at src/App.vue
         <Root>

项目代码

script

// Vue 组件的 data 函数
data(