首页 > TAG信息列表 > inheritAttrs
关于vue3的inheritAttrs属性和$attrs的部分用法
当我们在父组件中想要为子组件的某一个标签添加一些样式 <show-message id="lkx" class="lkx" title="HHH" content="123"></show-message> 如果不做任何设置,那么子组件被渲染出来是这样的 他会在子组件的根标签上添加样式,这显然不符合我们的需求,所以我们在子组$attrs和inheritAttrs灵活封装组件
// 父组件中引入的子组件、在父组件的子组件标签上添加属性配置、会渲染到子组件的最外层 div上、 // 防止这种情况发生、在子组件中设置 export default { inheritAttrs: false } 就能禁止渲染到子组件外出 div上 // 子组件要被父组件渲染的标签上用 v-bind="$attrs" 就能vue.js -- Non-prop属性
目录 Non-prop属性子组件存在单个根节点inheritAttrs子组件存在多个根节点总结 Non-prop属性 Non-prop属性：父组件给子组件传递内容时，子组件不通过pros接收时使用。 子组件存在单个根节点 子组件存在单个根节点时，vue底层会将父组件传递过来的内容置于子组件最外层标签如何构建运行良好的Vue组件
很少有人最初编写Vue组件时打算将其开源。我们大多数人都是从自己编写组件开始的——我们有一个问题，然后决定通过构建一个组件来解决它。有时我们发现自己想要在代码库的新位置解决相同的问题，因此我们使用组件并对其进行重构，使其可重用。然后我们想在一个不同的项目中使用它Vue 新增的$attrs与$listeners的详解
inheritAttrs：默认值true,继承所有的父组件属性（除props的特定绑定）作为普通的HTML特性应用在子组件的根元素上，如果你不希望组件的根元素继承特性设置inheritAttrs: false,但是class属性会继承（简单的说，inheritAttrs：true 继承除props之外的所有属性；inheritAttrs：false 只继承class属