javascript - Vue中子元件怎麼傳參父元件參參

Question

• 背景：Vue ES6，子元件在父元件create後調用，並且事件觸發onclick已經被封裝在底層元件（子元件的子元件）

• 問題：在父元件中無事件綁定的情況下，子元件怎麼傳參父元件？

Answer 1

1. EventBus （較不符合題目要求的無事件綁定的情形）

2. Vuex

Answer 2

發貨

Answer 3

父子組件通訊

Answer 4

$emit()

Answer 5

子元件使用v-on監聽一個事件，然後觸發的時候，把事件發出去，就是$emit,然後父元件中同樣使用v-on監聽你發出去的事件，然後執行你父元件定義的事件。

Answer 6

樓上的已經說明白了，我是來補個粟子的
child.vue

<template>
    <p id="test">向父传递</p>
</template>
<script>
    export default {
        methods: {
            $('#test').click(()=>{
                this.$emit('data', '这是我要传的参数');
            })
        }
    }
</script>

parent.vue

<template>
    <child @data="fnSS"></child>
</template>
<script>
    import child from './child';
    export default {
        components: {
            tagInput
        }
        methods: {
            fnSS(value) {
                alert(value);
            },
        }
    }
</script>

Answer 7

$emit()

Answer 8

子元件this.$emit("event",data)

父元件@event