Как вызвать все пользовательские директивы глобально вместо вызова каждого компонента? - PullRequest
Новая
       8

Как вызвать все пользовательские директивы глобально вместо вызова каждого компонента?

0 голосов
/ 09 апреля 2019

Я устанавливаю директиву для моего проекта Vue для отдельных файлов.

До сих пор мне удавалось разделять файлы и вызывать их глобально, но я могу сделать это только индивидуально, а не экспортировать всю директиву и сделать ее глобальной. 

**directive.js
const highlight ={
    bind(el, binding, vnode) {
       ... some code
}

const highlight2 ={
    ... some code
}
export default {
    highlight,
        highlight
}

**main,js
import Vue from 'vue'
import App from './App.vue'
import * as directive from './directive.js'

Vue.directive(directive);

new Vue({
  el: '#app',
  render: h => h(App),
  directive
})

до сих пор яЯ смог вызвать эту директиву в моем main.js, но застрял на том, как сделать это глобально, не вызывая каждый компонент.как 

import { highlight, highlight2} from './directive

Редактировать: нашёл свой путь, просматривая функцию forEach.

Object.keys(directive).forEach(function(name){
    Vue.directive(name, directive[name])
})
...