Vue vm.$attrs & 禁用特性
-
理解:父组件基本属性 ( 例如 :placeholder="placeValue" )传递给子组件,子组件无需定义 prop ,可以绑定 "$attrs" 进行继承。
app.vue
<template>
<attr name="myinput" :placeholder="placeValue"/>
</template>
<script>
import attr from './attr.vue'
export default {
data() {
return {
appname: '我是 app.vue 中的 appname',
placeValue: '请输入xxx'
}
},
components: {
attr
},
}
</script>
attr .vue
<template>
<div>
<input v-bind="$attrs" type="text">
</div>
</template>
<script>
export default {
// 由于父组件传入的可识别的属性会默认继承给子组件中的根元素,可以取消这种继承
inheritAttrs: false
}
</script>