Vue.js: импорт директив и подключение их через конструктор Vue
Пытаюсь провести рефакторинг проекта. Дошли руки до директив. Изначально объявлял их через метод Vue.directive(), но теперь решил вынести в отдельные файл. Но чет не работает - Vue их не видит. Аналогичным образом пытаюсь поступить и с миксинами. В чем моя ошибка? Вообще возможно ли такая задумка?
app.js
import Vue from 'vue'
import directives from './directives'
new Vue({
el: '#app',
directives
})
// Vue.directive('inputmask', {
// bind: (el, binding) => {
// Inputmask(binding.value).mask(el)
// }
// })
directives.js
const directives = {
inputmask: {
bind: (el, binding) => {
Inputmask(binding.value).mask(el)
}
}
}
export default directives