uniapp组件之间的数据传递(子组件向父组件传值)

uniapp组件之间的数据传递子组件向(父组件传值)

子组件

<template>
    <view>
        <view><text>这是子组件数值--{{num}}</text></view>
        <button @click="send">传值给父组件</button>
    </view>
</template>

<script>
    export default {
        name:"test",
        data() {
            return {
                num:3
            };
        },
        methods : {
            send() {
                console.log('传值给父组件',this.num)
                this.$emit('myEven',this.num);
            }
        }
    }
</script>

父组件

<template>
    <view>
        <test @myEven="getNum"></test>
    </view>
</template>

<script>
    import test from '../../components/test.vue'
    export default {
        methods: {
            getNum(data){
                console.log('父组件接受的数据'+data)
            }
        },
        components:{
            test : test
        }
    }
</script>