vue hook&once

你通常不会用到这些，但是当你需要在一个组件实例上手动侦听事件时，它们是派得上用场的。它们也可以用于代码组织工具。
例如，你可能经常看到这种集成一个第三方库的模式：
// 一次性将这个日期选择器附加到一个输入框上, 它会被挂载到 DOM 上。
mounted: function () {
  // Pikaday 是一个第三方日期选择器的库
  this.picker = new Pikaday({
    field: this.$refs.input,
    format: 'YYYY-MM-DD'
  })
},
// 在组件被销毁之前，也销毁这个日期选择器。
beforeDestroy: function () {
  this.picker.destroy()
}
这里有两个潜在的问题：
•	它需要在这个组件实例中保存这个 picker，如果可以的话最好只有生命周期钩子可以访问到它。这并不算严重的问题，但是它可以被视为杂物。
•	我们的建立代码独立于我们的清理代码，这使得我们比较难于程序化的清理我们建立的所有东西。
你应该通过一个程序化的侦听器解决这两个问题：
mounted: function () {
  var picker = new Pikaday({
    field: this.$refs.input,
    format: 'YYYY-MM-DD'
  })

  this.$once('hook:beforeDestroy', function () {
    picker.destroy()
  })
}