Vue 官方提供了很多的指令来对相应页面元素进行特殊处理例如:v-html指令会将文本按照html语法进行解析、
v-pre指令将会原样输出、v-for将会重复输出元素等。vue在加载页面模板时,检测到v-前缀的属性,就会当做是指
令来看待,进而动态处理该元素。
vue 提供了自定义指令的语法,可以让开发者自己设计指令(自定义指令名称、指令功能)以更加方便的完成项
目中特殊的需求。例如:
<p v-red>段落文本,段落文本,段落文本,段落文本,</p>
<p v-color="#xxxxxx">段落文本,段落文本,段落文本,段落文本,</p>
export default{
data(){ },
directives:{
//定义当前组件可以使用的自定义指令
red(el){
//该指令通过:v-red来调用,执行指令方法时传入当前的dom对象
el.style.color = 'red'
}
}
}