Vue JSゾンビイベントを削除するには？

Question

ゾンビイベントを削除するには？

前と後の$ onイベントを切り替えると何度も動きます。

App.vue

<template> 
    <input type="button" @click.prevent="click()" value="click"> 
<template> 

<script> 
    export default { 
    methods: { 
     click: function(){ 
     this.$emit('go') 
     } 
    } 
    } 
<script> 

Children.vue

<script> 
    export default { 
    methods: { 
     go: function() { 
     console.log('event received') 
     } 
    }, 
    created: function(){ 
     this.$parent.$on('go', this.go); 
    } 
    } 
<script> 

Answer 1

あなたがコンポーネントを削除するときに、イベントを削除する必要があります。

<script> 
    export default { 
    methods: { 
     go: function() { 
     console.log('event received') 
     } 
    }, 
    created: function(){ 
     this.$parent.$on('go', this.go); 
    }, 
    beforeDestroy: function(){ 
     this.$parent.$off('go',this.go); 
    } 
    } 
<script> 

Answer 2

childrenコンポーネントがレンダリングされるたびに呼び出されますので、あなたは、click方法createdにおけるライフサイクルフックを持っています。