[JavaScript知识库]Vue指令到手动封装自定义指令，没事学习下，不吃亏

前言

在前端基础面试中，Vue的指令算是一个高频面试题

面试官问：Vue有哪些指令？

截止到Vue3.2，Vue一共有16个自带指令，包括了：

v-text、v-html、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model、v-slot、v-pre、v-cloak、v-once、v-memo、v-is，

其中v-memo是3.2新增的，v-is在3.1.0中废弃

若面试官进一步问：如何封装一个自定义指令？

你就告诉他：自定义指令要分全局自定义指令和局部指令；在Vue3中可以通过应用实例身上的directive()注册一个全局自定义指令，如果想注册局部指令，可在组件中配置directives选项来注册局部指令

看完本文，你将「全面了解16个Vue指令」以及「掌握如何自定义一个指令」

开通VIP 解锁文章