vue父子组件的特殊传值方法$attrs

719 阅读1分钟

在vue中能通过props向子组件传值 但是要每次手动两边写太麻烦 然后在vue中有个特殊的属性能 直接绑定 不用在子组件声明需要绑定props

比如父组件 中有下面一个这样的子组件tagcount 我在上面绑定了两个属性 和平常一样

image.png

然而

image.png 子组件我没设定这个属性

但是我在

image.png 设定了这$ATTRS 我们打印下看下结果

image.png 没错 未声明但是绑定了的值可以显示在子组件中这属性中 直接接受

传入了 如果我们还要再往里传怎么办?

image.png 子组件里的子组件直接接受这属性用v-bind即可

但是接这属性的组件 需要加个属性 解决一些html的冲突

//父组件
<子组件   :xx = “xx”>

子组件内this.$attrs 接受

inheritAttrs:false