vue基础 自定义指令的语法及基本应用

自定义全局指令
方法一：（写入main.js 根文件中）

Vue.directive("focus",{
  inserted:function(ele){
    ele.focus()
  }
})

方法二:(自定义一个js文件)

1.1自定义js文件：

import Vue from "vue"  //必须要有这步

// 刷新页面自动获取获取焦点
Vue.directive("focus",{
    inserted:function(ele){
      ele.focus()
    }
  });
// 固定字体大小
Vue.directive("fontSize",{
    inserted:function(ele){
      ele.style.fontSize="18px"
    }});
// 在显示金额钱加个￥的符号
Vue.directive("rmb",{
    inserted:function(ele){
        ele.innerText= "￥" +ele.innerText
    }
})

1.2 main.js 根文件

需要引入，import "自定义的js文件的名字"