Vue中的$attrs是一个对象，它包含了父组件传入的属性，不包含class和style属性。它是一个可读写的对象，可以被用来访问父组件传入的属性，也可以被用来更新这些属性。
使用方法
// 定义组件
Vue.component('my-component', {
props:['name'],
template: 'My Name is {{name}}',
mounted: function(){
// 访问父组件传入的属性
console.log(this.$attrs.age);
// 更新父组件传入的属性
this.$attrs.age = 20;
}
})
// 使用组件
在上面的例子中，组件可以通过$attrs访问父组件传入的属性，也可以更新这些属性。
注意事项
$attrs只能访问父组件传入的属性，不能访问子组件传入的属性。
$attrs不能访问class和style属性。
$attrs只能读取和更新父组件传入的属性，不能添加新的属性。
千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。
京公网安备 11010802030320号