vue全局过滤器/自定义指令 单文件提取

1. 在main.js中

// 引入
import importDirective from '@/directive'
import importFilters from '@/filters'
// 注册指令
importDirective(Vue) // 或 Vue.use(importDirective)
// 注册过滤器
importFilters(Vue) // 或 Vue.use(importFilters)

2. 单文件中

// filters.js
// 全局过滤器
const importFilters = Vue => {
Vue.filter(‘aisleFilter’, function (value) {
// 自定义逻辑
return '***'
})
}
export default importFilters

/* --------------------------------------------------------- */

// directive.js
//全局自定义指令
const importDirective = Vue => {
Vue.directive('focus',{

  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
}
)}
export default importDirective