Vue3 - 全局指令（详细教程）

前言

咱们在真实项目开发中，其实有很多指令都是通用的。我们绝对不可能去每个页面都定义一次，这样不仅写起来困难，维护起来更是困难，你想一下，假设稍微变点逻辑，你就需要翻阅好几个文件去改。

其实用法和局部指令基本相同，只不过定义的位置不同了而已。

回忆 Vue2

一般情况下，我们都会在项目根目录，创建一个 directive 文件夹，里面再建立一个 directive.js 文件，用来存放我们的全局自定义指令，这样做的好处呢，就是把自定义指令 聚集在一起，方便管理。

先来用 Vue2 实现定义全局指令，如下代码所示：

directive.js：

// 第一步,引入vue
import Vue from 'vue'

// 第二步,写具体指令
const getFocus = Vue
1
2
3
4