非props的Attribute？inheritAttrs

  1. 非props的Attribute属性就是在子组件中没有使用props属性接收的属性，但在父元素中传递的属性


import MyInput from './components/MyInput.vue';

export default{
	components:{
		MyInput,
	}
}

直接在封装好的组件上添加属性，属性添加到组件的根元素上

设置inheritAttrs属性为false会阻止属性添加到根元素上这一属性

export default {
	name:'MyInput',
	inheritAttrs:false
}

在子组件中使用$attrs来接收父组件传递过来的属性



export default{
	inheritAttrs:false
}

完整示例





export default {
  inheritAttrs: false
}

解析完成的文件

 
	{"type": "password", "yan": "YEN"}

相关

标签