uni-app组件之间的通信方式

一 点睛

组件间传值包括下面三种情况：

• 父组件给子组件传值

• 子组件给父组件传值

• 兄弟组件通讯

二 代码

1 父组件 index.vue

<template>
	<view class="content">
		<!-- 1 父组件给子组件传值——设参 -->
		<!-- 3 子给父传参 -->
		<test v-if="flag" :title="title" @myEvent="getNum"></test>
		<button type="primary" @click="checkTest">切换test组件</button>
		这是子组件传递过来的数据{
  {num}}
		<testA></testA>
		<testB></testB>
	</view>
</template>

<script>
	/* 引入组件 */
	import test from '../../components/test.vue'
	import testA from '../../components/a.vue'
	import testB from '../../components/b.vue'
	export default {
		data() {
			return {
				title: 'Hello',
				flag: true,
				num:0
			}
		},
		onLoad() {
			console.log('页面加载了')
		}