$attrs
主要用于组件之间的隔代传值。例如有 父组件A,子组件B,孙组件C 三个组件。
在A组件中传值给C,可直接在B中的C上设置v-bind="$attrs",然后在C组件中用prop接收,此时就直接把值传给了C。
用法如下:
组件A
<template>
<bCom msg='123'/>
</template>
组件B
<template>
<cCom v-bind="$attrs"/>
</template>
组件C
<template>
<div>A传递过来的值:{{msg}}</div>
</template>
<script>
export default {
name: 'cCom',
props: {
msg:{ //接收A传递的msg
typeof:String,
default:''
}
},
}
</script>
组件隔代通讯其它相关用法:文章来源:https://www.toymoban.com/news/detail-633960.html
Vue中v-on=“$listeners“的使用方法https://blog.csdn.net/weixin_44594219/article/details/127259825?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22127259825%22%2C%22source%22%3A%22weixin_44594219%22%7Dvue2中EventBus的使用方法https://blog.csdn.net/weixin_44594219/article/details/127248681?spm=1001.2014.3001.5502文章来源地址https://www.toymoban.com/news/detail-633960.html
到了这里,关于Vue中v-bind=“$attrs”的使用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!