vue 父组件调用子组件方法和子组件调用父组件方法

子组件:

    methods:{
     
       //一开始加载基础信息数据
        _basicInfo(){
            let self = this;
            self.titleExplain=[];
            self.listContent=[];
            self.addres=[];
            self.UsingYear=[];
            self.build=[];
            self.Prison=[];
            self.numPrison=[];
            // let cityDate = self.$store.state.$vux.isCityCode;
            //     console.log(cityDate)
            let params ={sysUnit:this.$parent.sysUnit}
                    // console.log(params)
            self.$http.get(self.apis.cutData,{params}) .then(function(response) {
                             console.log(response)
                    let el = response.data.record[0];
                if(el != ''){
                    console.log(el)
                    //value.forEach(el =>{
                        self.titleExplain.push(el.JSMC);
                        // console.log(el.JSMC)
                        self.addres.push(el.DZ)
                        self.listContent.push(
                            {
                                title:'等级评定',
                                content:el.JSJB
                            },
                            {
                                title:'行政级别',
                                content:el.JSDJ
                            },
                            {
                                title:'值班电话',
                                content:el.ZBZD
                            },
                        );
                        self.UsingYear.push(el.JSSJ+'年建设',el.QYRQ+'年启用')
                        //建筑面积
                        self.build.push(el.ZJZMM)

                        //监区面积
                        self.Prison.push(el.JQMM)
                        //设计关押量
                        self.numPrison.push(
                            {
                                title:'设计关押量',
                                numbers:el.SJRL,
                            },
                                {
                                title:'本年度累计投送监狱人数',
                                numbers:el.TSJY,
                            },
                                {
                                title:'本年度累计取保候审人数',
                                numbers:el.QBHS,
                            },
                                {
                                title:'月均在所人数',
                                numbers:el.YJZSRS,
                            },
                            {
                                title:'监室数量',
                                numbers:el.JSS,
                            },
                            {
                                title:'询问室数量',
                                numbers:el.XWS,
                            },
                            {
                                title:'律师会见数量',
                                numbers:el.LSHJS,
                            },
                        )
                    // })
                }else {
                        console.log(`空值`);
                }
            }).catch(err => console.log(err))
        },
    },
    mounted(){
        this._basicInfo();
    },

 父组件调用:

   <!-- 右侧内容 -->
            <div class="conent-right" >

                <basic-info ref="aas"></basic-info>
                
            </div>
        </div>
<script>
    import basicInfo from './basicInformation'
    
export default {
    components:{
            basicInfo,
    },
    
     methods:{
          _basicInfo(){
            this.$refs.aas._basicInfo();
        },
    }


}

</script>

子组件调用:

<template>
    <div>
       
    </div>
</template>
<script>
export default {
    data(){
        return{
            
        }
    },
    methods:{
       returnData(e){//点击确定
     
          this.$parent._basicInfo();

        }
    }
}
</script>