前端面试题:vue内置指令和自定义指令

Vue指令是带有v-前缀的特殊属性,他们作用于HTML元素,将指令绑定在元素上时,指令会为绑定的目标元素添加一些特殊的行为。
vue的内置指令有
v-text;v-html;v-model;v-on ;v-bind;v-show;v-if;v-for
自定义指令:是一种有效的补充和扩展数据驱动的方法,用来操作dom
自定义指令的定义方法:有局部定义和全局定义
全局定义:

// 注册一个全局自定义指令 `v-upper`
//参数:1.指定名称(不包含v-,只能是小写)
//2.回调函数(参数1 使用指令的那个节点,参数2这个指令使用的表达式的值)
Vue.directive('upper',function(node,bindings){
	node.textContent = bindings.value.toUpperCase()
})
new Vue({
	el:'#app'
})

局部定义:

new Vue({
	el:'#app',
	directives: {
		upper(node,bindings){
			node.textContent = bindings.value.toUpperCase()
		}
	}
})

你可能感兴趣的:(面试题,前端)