Vue3中非prop属性的基本概念 官网
在Vue3中,非prop属性是指父组件传递给子组件,但子组件没有在props选项中声明的属性。这些属性会自动添加到子组件的根元素上。 !-- 父组件 --template ChildComponent class="parent-class" //templatescript setupimport ChildComponent from './ChildComponent.vue'/script!-- 子组件 --template div这是子组件/div/templatescript setup// 子组件未声明props/script// 最终渲染结果,子组件根元素会有parent-class类名 特别提示:要注意非prop属性会直接应用到子组件根元素,可能影响样式或其他属性。