Vuejs010---自定义指令

目录

1-1 自定义全局指令

自定义全局指令的语法：

1-2 自定义私有指令

---

1-1 自定义全局指令

指令与属性相似，是对指定元素样式或行为的赋予。

我们可以在实际项目开发中自定义一些我们所需的指令来有效的管 理元素。

在页面中自定义的全局指令，可以为每一个 vm 对象中的元素提供服务，只要 vm 中的标签引用了全局指令那么一定会即时生效，一般情况下我们普遍做的都是自定义全局指令来管理元素。

值得一提的是自定义指令需要经常搭配 vuejs 中的钩子函数来进行操作。在我们学习完指令之后，将在下一个章节（对象的生命周期）对钩子函数进行详细的学习。

自定义全局指令的语法：

Vue.directive()

案例：自定义一个全局指令让文本框自动获取焦点

我们也可以通过参数为指令进行赋值

1-2 自定义私有指令

私有指令是指定义在指定的 vm 对象中 ，只针对当前 vm 对象描述的

元素生效的指令。其他的 vm 对象中的元素，是不能够使用该指令的。

语法：

vm

directives:{

指令 1..

指令 2...

}