uni-app组件定义使用以及父子组件传值

自定义组件

1、首先在components文件夹下新建一个vue文件，components是默认放置组建的目录。

<template>
	<view class="test">
		<text>{
   {
   child}}</text>
	</view>
</template>

<script>
	export default {
   
		data() {
   
			return {
   
				child: '这是子组件的值'
			};
		},
		methods: {
   
			
		}
	}
</script>

2、在页面中引用自定义的组件，在page目录下首页index.vue文件中使用组件

• 引入组件：import test from '../../components/test.vue'
• 在components注册组件
• 在页面通过标签使用组件（标签名必须和引入的文件名一致）

<template>
	<view class="demo">
		<test></test>   <!--使用组件-->
	</view>
</template>

<script>
import test from '../../c