javascript – So übergeben Sie Parameter von einer Unterkomponente an eine übergeordnete Komponente in Vue

Question

• Hintergrund: Vue + ES6, die Unterkomponente wird aufgerufen, nachdem die übergeordnete Komponente erstellt wurde, und der Ereignisauslöser onclick wurde in der zugrunde liegenden Komponente (Unterkomponente der Unterkomponente) gekapselt

• Frage: Wie übergibt die untergeordnete Komponente Parameter an die übergeordnete Komponente, wenn in der übergeordneten Komponente keine Ereignisbindung vorhanden ist?

Answer 1

1. EventBus （不太符合题目要求的无事件绑定的情形）

2. Vuex

Answer 2

dispatch

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