本文共 636 字,大约阅读时间需要 2 分钟。
Index.html:
Index.js:
Vue.component('test-input', { inheritAttrs: false, template: ``})new Vue({ el:'#app', data:{ class1:'class1note', test1:'test1note', test2:'test2note',},})
页面结果:
当将属性修改为:inheritAttrs: true,的时候 页面的结果: 包含了所有的属性:最后总结:
当inheritAttrs的属性值为true(不写该行属性的结果同true,也就是inheritAttrs默认为true),组件的根元素会自动继承所有的属性!当为false的时候,根元素只会继承注册的属性,自建的属性不会继承!! a t t r s : 它 包 含 了 父 组 件 所 有 的 自 建 属 性 ! 可 以 通 过 v − k i n d = “ attrs:它包含了父组件所有的自建属性!可以通过v-kind=“ attrs:它包含了父组件所有的自建属性!可以通过v−kind=“attrs”将所有自建属性赋给想要的元素上!!转载地址:http://trezi.baihongyu.com/