// 一次性将这个日期选择器附加到一个输入框上// 它会被挂载到 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()  })}

　　使用了这个策略，我们在建立代码中就可以进行代码清理工作，保持独立性；也不需要在组件实例中保存picker

 来自