子组件父组件传值的三种方式

方法一：使用prop和emit。

父页面

<template>
    <div>
        <child  :valueC="value1"  @getChidC="getChid"></child>   //等号右边代表当前页面要传到子页面的值。子页面用左边的变量接收。@代表函数，左边是子页面emit要用的，右边是当前页接收的子。右当前左子页面
        <button @click="changeA">点击获取子组件值</button>
    </div>
</template>
<script>
    export default{
         components: { 
               child: resolve => {
                    require(['@/components/child'], resolve)
                },
        },
        data(){
            return {
                value1:'',    
            }
        },
        methods:{
            getChid(e){