Vue2.0——自定义指令

3、自定义指令

​ 我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通 DOM元素进行底层操作，这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令

1、注册用法：

案例：注册一个获取焦点的指令v-focus，注册自定义改变颜色v-color

<!-- 识别v-开头的标签,实现自己设计的相应的功能 -->
<div id="app">
    <div v-red>hello</div>
    <h2 v-color="'blue'">hello</h2>
    <input type="text" value="222" v-focus>
</div