Самый простой способ импортировать / требовать директиву Vue.js?

javascript vue.js es6-module-loader

1351 просмотра

1 ответ

113 Репутация автора

Я пытаюсь организовать свои плагины в собственные директивы Vue, которые могут быть простыми:

Vue.directive('popout', {
    bind() {
        $(this.el).popOut();
    }
});

И сохраните их в отдельных файлах, чтобы импортировать в основной файл JS или компоненты Vue (ify), например:

require('./directives/popout.js');

Я пробовал несколько export defaultнастроек, но я не могу заставить его работать. Каков был бы самый чистый (то есть лучший метод) способ сделать это?

Автор: oscaralexander Источник Размещён: 18.07.2016 07:53

Ответы (1)


1 плюс

22 Репутация автора

Я получил решение, ниже код

import Vue from 'vue';
export const global= {
 bind(el, binding, vnode) {
     console.log('you code');
 }
};

этот код входит в допустим файл директивы / global.js. Затем в вашем app.js или файле точки входа используйте этот

import { global } from './directive/global.js';
Vue.directive('global', global);

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

Автор: Mufaddal Kangsawala Размещён: 04.01.2018 07:09
Вопросы из категории :
32x32