vue的页面销毁事件

Vue的页面销毁事件可以通过调用`$destroy()`方法来实现。该方法会完全销毁一个Vue实例，解绑其所有指令和事件监听器，并与其下属的组件断开连接。

以下是一个示例代码，演示了如何使用`$destroy()`方法销毁Vue实例：

<div id='root' :x="n">
  <h2>当前的n值是：{{n}}</h2>
  <button @click="add">点击n+1</button>
  <button @click="bye">点击销毁vm</button>
</div>

<script>
new Vue({
  el: '#root',
  data: {
    n: 0
  },
  methods: {
    add() {
      this.n++
    },
    bye() {
      console.log('bye')
      this.$destroy();
    }
  }
})
</script>

在上述代码中，当点击"点击销毁vm"按钮时，会触发`bye`方法，该方法会先打印"bye"，然后调用`$destroy()`方法销毁Vue实例。

需要注意的是，一旦调用了`$destroy()`方法，Vue实例将无法再被使用，但是Vue的工作成果仍然保留在页面上。