• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • inheritAttrs

    • 类型:boolean
    • 默认:true
    • 详细:默认情况下父作用域的不被认作 props 的 attribute 绑定(attribute bindings)将会“回退”且作为普通的 HTML attribute 应用在子组件的根元素上。当撰写包裹一个目标元素或另一个组件的组件时,这可能不会总是符合预期行为。通过设置inheritAttrsfalse,这些默认行为将会被去掉。而通过实例 property $attrs可以让这些 attribute 生效,且可以通过v-bind显性的绑定到非根元素上。


    app.component('base-input', {
    	inheritAttrs: false,
    	props: ['label', 'value'],
    	emits: ['input'],
    	template: `
    		<label>
    			{{ label }}
    			<input
    			    v-bind="$attrs"
    			    v-bind:value="value"
    			    v-on:input="$emit('input', $event.target.value)"
    			>
    		</label>
    		`
    })
    

    上篇:name

    下篇:delimiters