Vue学习日记之指令概述

1、什么是指令呢？

  指令是在vue中，以v-开头的作用于HTML元素的命令，它们在HTML元素中使用，完成了某一些动作或者是功能，表现除了不一样的功能，配合我们的vue实例，将达到惊人的效果和实用性。我们可以将指令看成是HTML元素的特殊属性（特性）。

2、指令类型

  在vue中指令又分为已定义指令和自定义指令。

  已定义指令是vue中已经定义好的指令，拿来就能用，例如：v-text,v-bind等。

  自定义指令是由用户自己定义的指令

2.1 已定义指令

  常用的指令有：

                       

2.2 自定义指令

2.2.1 创建全局自定义指令

  我们可以手动创建一个全局自定义指令

Vue.directive('指令名称',{
  inserted:function(el){
    //这里编写，此指令的功能函数
  }
})

 我们通过全局构造函数Vue的方法directive创建了一个指令，此指令就能应用全局了。

2.2.2 创建局部定义指令

  我们如何创建局部定义指令呢？其实在Vue中是以一个组件为单位的，要是想创建局部指令的话，我们可以在要应用此指令的组件中定义指令

directive:{
  指令名称:{
  inserted: function(){
    //此函数编写应用指令实现的功能
   }
  }
}

更多的资料可参看Vue的官方文档https://cn.vuejs.org/v2/guide/custom-directive.html