vue directive如何通过export default 这种形式调用?

Question

我在网上搜的例子都是用以下方式调用。我想知道如何用webpack 模板里的 export default 这种方式调用？

Vue.directive('focus', {
  // 当绑定元素插入到 DOM 中。
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

Answer 1

export default {
directives: {

// 注册一个局部的自定义指令 v-focus
focus: {
  // 指令的定义
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
}
}}

Answer 2

把指令的内容写到一个文件里，然后import引入存到变量中，vue实列中引入