该错误通常发生在子组件中,其中使用了TypeS
cr
i
pt
语法来定义props。在这种情况下,我们需要确保在组件模板中使用定义的props,否则就会出现上述错误。
示例代码:
TypeS
cr
i
pt
定义组件props:
import { defineComponent } from 'vue';
export default defineComponent({
name: 'my-component',
props: {
propA: {
type: String,
required: true
setup(props) {
return {
// ...
在组件模板中使用定义的props:
<template>
<div>{{ propA }}</div>
</template>
这将解决“' $props'已声明,但其值从未读取。”的错误。