Vue中的自定义指令

全局指令
下面是针对光标聚焦写的一个自定义指令。
使用directive方法可以定义一个指令，定义的指令名XX可以通过v-XX来给标签使用。标签使用指令时，指令定义中的生命周期函数可以接收到挂载的元素，从而对元素进行操作。

const app = Vue.createApp({
   
     template:`
       <div>
           <input v-focus />      
       </div> 
   `
}); 

app,directive('focus',{
   
        mounted(el){
   
          el.focus();
       }
})

局部指令

const directive = {
   
     focus:{
   
     mounted(el