Vue子组件传递数据给父组件

子组件通过this.$emit（event,data）传递数据到父组件

以下是例子:

father.vue 父组件

 

<template>
　　<div>
　　　　<child @newNodeEvent="getChildData" />
　　</div>
</template>
<script>
    import child from './components/child' 
    export default {
        components: {
            child
        },
        methods: {
            getChildData(value) {   
                alert(value)
            }
        }
    }
</script>

 

 child.vue 子组件

 

<template>
　　<div>
　　　　<input type="button" @click="toFather" value="子传父" /> 
　　</div>
</template>

<script>
    export default {
        methods: {
            toFather() {
                this.$emit('newNodeEvent', '子元素到父元素')
            }
        }
    }
</script>