如何扩展一个看起来像这样的 javascript 对象：`export default { ... }`答案

【问题标题】：How do I extend a javascript object that looks like: `export default { ... }`如何扩展一个看起来像这样的 javascript 对象：`export default { ... }`
【发布时间】：2020-10-24 19:27:56
【问题描述】：

我有一个文件可以做这样的事情：

import SomePlugin from '../Plugins/SomePlugin';

export default {
   ...
   watch: {
      immediate: true,
      handler(editor) {
         this.$nextTick(() => {
            editor.registerPlugin(SomePlugin)
         })
      }
   }
}

我想扩展 watch 以便它注册我自己的插件而不是它的原生插件。

有什么办法可以做到吗？

【问题讨论】：

标签： javascript ecmascript-6 vuejs2 vue-component

【解决方案1】：

只要先定义watch，再导出即可：

import SomePlugin from '../Plugins/SomePlugin';

const watch = {
  // modify whatever you want
  immediate: true,
  handler (editor) {
    this.$nextTick(() => {
      editor.registerPlugin(SomePlugin)
    })
  }
}

export default {
  ...
  watch,
}

【讨论】：