vue_15 自定义全局指令

使用vue自定义全局指令,在加载页面的时候自动让光标聚焦到输入框

使用Vue.directive() 定义全局的指令,
语法:
Vue.directive("focus",对象) 这样定义的是全局的,如果需要定义私有的,就在vue实例中,添加directives字段
自定义的命令也是可以传参的.不过获取的形参是一个对象,需要使用.value拿到你传的值,你也可以打印形参查看数据的结构
参数:focus就是你定义的指令名,不过在调用的时候需要在前面加上 v-
所有vue的指令都是 v- 开头的
参数:对象 这个对象里面包含有与你定义的指令相关的函数,常用的bind , inserted ,updated

vue指令函数也可以缩写.使用缩写的时候, 相当于函数应用在了bind和update里面
形式如:
directives:{
"focus1":function(el){}
}
// bind和update会同时绑定这个这个函数,如果需求两个绑定不一样,就不能这么写了

代码示例