当我在父组件中使用如下代码传值时
但是在子组件中使用如下代码打印传值studyData时
浏览器报Uncaught (in promise) ReferenceError: studyData is not defined这个错误
这是因为我直接访问 studyData 变量,但在代码中并没有显式定义 studyData 变量。
在Vue 3的 <script setup> 中,defineProps 函数会将接收到的属性作为参数传递给返回的对象,而不是直接声明变量,所以我们应该通过上述代码的 props.studyData 来访问数据
下面修改为正确的代码:
保存打开浏览器发现数据正常打印