inheritAttrs: false使用

    技术2022-07-15  53

    如果你不希望组件的根元素继承 attribute,你可以在组件的选项中设置 inheritAttrs: false。

    上面是官网的解释 下面是我的理解:

    <my-component message = "message" hhh = "hhh"></my-component> Vue.component('my-component', { inheritAttrs: true, props: { message: { type: String, required: true }, }, template: '<div><h1 message = "message" v-bind="$attrs">测试</h1></div>' })

    这是一个自定义的组件,message是在props中注册过的属性,hhh没有在props中注册,用$attrs传递 当inheritAttrs: true时,根元素div继承了hhh属性: 当inheritAttrs: false时,根元素没有继承hhh属性:

    Processed: 0.020, SQL: 9