关于前端:在Vue中如何创建全局指令

全局指令:

全局指令的注册办法同全局组件

1、在src文件夹中新建utils文件夹，utils文件夹中个别寄存通用的辅助文件(办法、数据等)
2、在文件夹中新建directives.js文件
3、在directives.js文件引入所有要注册的全局指令
4、在main.js中引入directives.js文件并应用Vue.use()全局注册

代码演示:

utils - directives.js

export default (Vue)=>{    Vue.directive("focus", {        inserted: function (el) {            el.focus();        }    })}

在 main.js 引入

import directives from '@/utils/directives.js'Vue.use(directives)new Vue({  // ...})