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

前言

从 Vue2 出发，深入浅出 Vue3。

在 Vue3 中呢，代码的复用和抽象依旧主要还是通过组件，通常在某些情况下，你需要对 DOM 元素进行底层操作，这个时候就会用到自定义指令。

局部指令的意思就是只提供给局部使用，这个局部大家可以暂时理解为一个页面或一个组件。

回忆 Vue2

先用 Vue2 语法实现一个简单的局部指令，效果为 input 输入框自动获得焦点。

<template>
  <input v-focus type="text">
1
2