vue组件传参

最新推荐文章于 2024-06-20 14:20:51 发布

肥猫哈哈哈

最新推荐文章于 2024-06-20 14:20:51 发布

阅读量372

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_55103470/article/details/117059879

版权

本文介绍了Vue组件间的三种通信方式：1) 父传子，通过在父组件的子组件标签上绑定自定义属性，子组件使用props接收；2) 子传父，子组件使用`this.$emit`触发自定义事件并将数据作为参数，父组件监听该事件；3) 兄弟组件间通信，推荐使用Vuex，但也可通过全局$bus实现。

摘要由CSDN通过智能技术生成

1、父传子
在父组件中的子组件标签上绑定一个自定义属性，这个自定义属性的值就是我们要传递的参数，我们在子组件接收是使用props

<heads :data="list" />
// 比如这是我们注册好的子组件标签
<script>
	export default {
   
		data(){
   
			return {
   
				list:["数据1","数据2","数据3",]
			}
		}
	}
</script>

<script>
	export

最低0.47元/天解锁文章

肥猫哈哈哈

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue组件传参

1、父传子在父组件中的子组件标签上绑定一个自定义属性，这个自定义属性的值就是我们要传递的参数，我们在子组件接收是使用props<heads :data="list" />// 比如这是我们注册好的子组件标签<script> export default { data(){ return { list:["数据1","数据2","数据3",] } } }</script><script> export defaul
复制链接

扫一扫

专栏目录