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

Question

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

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

Answer 1

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

Answer 2

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