一、Vue$attrs是什么
Vue$attrs是Vue.js提供的一个属性，它包含了父组件中非prop属性的集合对象。这个属性为我们提供了一个方便的方式来扩展子组件的props选项。与之对应的是Vue$listeners，该属性可以监听子组件的所有事件并将它们绑定到根元素上。
二、Vue$attrs的作用
很多情况下，我们在编写组件的时候需要定义大量的props属性。但是，有时候我们不得不将某些属性传递到自定义组件中，即使这些属性在组件内部并未使用。这就会使得我们需要处理大量的props语句，这样会加大代码的复杂度。那么Vue$attrs则提供了一种极为方便的方式来解决这个问题，它会将父组件中非prop的属性作为组件的attrs对象传递给子组件，并且这个对象中的属性都会自动行式转换为字符串键。
三、Vue$attrs的使用方式
Vue$attrs的使用方式非常简单，只需要在子组件中添加一个接收attrs参数的props即可实现其实用。示例如下：
Vue.component('comp', {
props: ['propA', 'propB', 'propC'],
template: `
{{ propA }}
{{ propB }}
{{ propC }}
- {{ name }}: {{ value }}
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/182964.html
微信扫一扫 
支付宝扫一扫 