常用指令:v-text v-model v-for v-if v-else等
我们也可以设置自定义指令
全局自定义指令
Vue.directive('dian2',{
inserted(m){
// m:代表使用指令的html对象(dom对象)
// console.dir(m)
// 使得m对象获得焦点
m.focus()
}
})
var vm = new Vue()
私有自定义指令:
var vm = new Vue({
el: "#box",
directives: {
//自定义指令名
focus: {
inserted: function(dom){ //inserted固定写法
dom.focus();
}
}
}
})
使用:v-指令名称
<input type="text" v-focus >