vue中的组件之间通信思路（父传子）

最新推荐文章于 2023-02-21 09:30:30 发布

NLP入门到入土

最新推荐文章于 2023-02-21 09:30:30 发布

阅读量97

点赞数

分类专栏： vue的学习历程文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_37499519/article/details/115719661

版权

vue的学习历程专栏收录该内容

3 篇文章 0 订阅

订阅专栏

组件之间的通信分为三种父组件给子组件传值，子组件给父组件传值，兄弟组件之间传值。

下面介绍

1.父组件给子组件传值

父子给子组件传值通过绑定属性方式

例如

<!-- 父子组件传值 test为子组件 message就是要传给子组件的值 -->
	<test :message="message"></test>

子组件通过props接受父组件的值

例如

<template>
	<view>
		<!-- 使用父组件传递的message -->
		{{message}}
	</view>
</template>

<script>
	export default {
		name:"test",
		data() {
			return {
				
			};
		},
		//接受父组件传递的参数，props与data同级
		props:['message']
	}
</script>