请问在VUE脚手架里怎么创建一个自定义指令?

Question

求大神解惑！尝试了一个多小时也没弄好！哎

Answer 1

1.新建个js文件，在里面按照官网指令的写法，写完代码,类似

Vue.directive('fullpage', {
    inserted: function (el, binding, vnode) {
      var opts = binding.value || {}
      that.init(el, opts, vnode)
    },
    componentUpdated: function (el, binding, vnode) {
      var opts = binding.value || {}
      that.init(el, opts, vnode)
    }
  })

2.在main.js里import这个js文件
3.Vue.use(xxxx)

Answer 2

在哪儿写都是一样的
脚手架里面直接在main.js中写，其他地方就可以用了