Vue3 自定义指令

自定义指令：

需要注册后才能使用  2种注册方式 （全局注册  和  本地注册）

1、全局注册

使用应用程序实例的 directive() 方法注册一个全局自定义指令  该方法接收2个参数 第一个是指令的名字

第二个是 一个定义对象或函数对象  将指令要实现的功能在这个对象中定义

app.directive( name, [definition] )

例如 编写一个让元素自动获取焦点的全局指令

    const app = Vue.createApp({});
    app.directive('focus',{
    })

2、本地注册

在组件实例的选项对象中 使用 directives选项进行注册

      directives:{
            focus:{
                mounted(el){
                    el.focus()
                }
            }
        }