首页vue $attrs传参

vue $attrs传参

时间: 2023-12-31 15:03:40 浏览: 154

vue中通过使用$attrs实现组件之间的数据传递功能

组件之间传递数据的方式有很多种，之所以有这么多种方式，是为了满足在不同场景不同条件下的使用。一般有三种方式： props vuex Vue Event Bus 本文介绍的是使用$attrs的方式。这是$attrs的官网api https://cn.vuejs.org/v2/api/#vm-attrs 这个api是在2.4版本中添加的，那么为什么要添加这个特性呢？看看官网是怎么解释的包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 ( class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 ( class 和

回答: 在Vue中，可以使用$attrs来传递属性给子组件。通过在子组件的根元素上使用v-bind="$attrs"，可以将父组件中不作为prop被识别的属性传递给子组件。[1] $attrs包含了父作用域中不作为prop被识别的属性绑定，除了class和style。[2] 这在创建高级别的组件时非常有用。而且，通过设置inheritAttrs为false，可以阻止子组件的根元素继承父组件的属性，并且这些属性也不会显示在子组件的DOM元素上。[2] 这样做可以使代码更加美观、简洁，并且在维护代码时更加方便。同时，$attrs可以通过组件内部访问到未使用的注册属性。[3] 需要注意的是，inheritAttrs: false不会影响style和class的绑定。

阅读全文