uniapp父子组件引用和传值

uniapp父子组件引用传值，和vue的一样，没有小程序那样的麻烦。

父组件：

<template>
	<view>
		<children :name="name" :age="age"></children>
	</view>
</template>

<script>
	import children from '@/components/children/index.vue';
	export default {
		components:{
			children
		},
		data() {
			return {
				name: '这是名字',
				age: 99,
			}
		},
	}
</script>

子组件：

<template>
	<view>
		这是子组件
		<view>名字：{{name}}</view>
		<view>年龄：{{age}}</view>
	</view>
</template>

<script>
	export default {
		props: ["name", "age"]
	}
</script>

<style>
	view{
		text-align: center;
		padding-top: 20rpx;
	}
</style>

结果：

---

到此结束，有问题留言~~