Vue报错：渲染时访问未定义属性‘character’，求排查解决

你遇到的[Vue warn]: Property "character" was accessed during render but is not defined on instance警告，核心原因是子组件没有声明接收父组件传递的character props——Vue要求组件必须显式声明接收的props，否则会认为模板中访问的属性不属于组件实例，从而抛出警告。

修复步骤 #

父组件的写法没有问题，只需要修改子组件，显式声明要接收的character props即可，以下是两种常用写法：

方式1：组合式API（