uni-app的自定义组件（heade）

首先在根目录下的components下创建heade.vue

在父组件 index.vue下，通过封装的request来获取api接口数据

<template>
	<view class="content">
           //父组件自定义名传参
            //三：
		<heade :content="headerItem"></heade>
	</view>
</template>

<script>
    //引入子组件三步骤
    //一：
	import heade from '../../components/heade.vue'
	export default {  
		data() {
			return {
				headerItem:[]//顶部推荐分类
			}
		},
		onLoad() {
			this.getheade();
		},
        //二：
		components:{
			heade
		},
		methods: {
            //promise获取数据
			async getheade(){ 
				console.log(222)
			   let res=await this.$http('/index','get',{})
			   var data=res.data.data
			   this.headerItem=data.recommend_cate
			}
		}
	}
</script>

<style>

</style>

父组件传࿰