Vue生命周期钩子作为事件(钩子:beforeDestroy)

Question

如何使用vue钩子即事件语法？

例如this.$once('hook:beforeDestroy')

我搜索了一下，但在官方文档中找不到任何与它相关的信息。它被弃用了吗？

Answer 1

出于某种原因，这在官方文档中是没有的。

类似于：@hook:destroyed="changeMsg()"

我看到了here

下面是一个简单的例子：

​

Vue.component('greeting', {
  template: '<h1>im the child component</h1>'
});

var vm = new Vue({
  el: '#app',
  data(){
    return {
      msg:'not destroyed yet...',
      isDead:false
    }
  },
  mounted(){
    setTimeout(this.die,4000)
  },
  methods:{
    changeMsg(){
      this.msg  = 'the child component is destroyed now';
    },
    die(){
      this.isDead  = true;
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
<p><b>msg from parent:</b> {{msg}}</p>
  <greeting v-if="!isDead" @hook:destroyed="changeMsg()"></greeting>
</div>

​