vue 自定义指令

指令(Directive):

是Vue对HTML标签新增加的、拓展的属性(也称之为特性), 这些属性不属于标准的html属性，只有Vue认为是有效的，能够处理它。

指令的职责是当表达式的值改变时，将其产生的连带影响，响应式(Reactive)地作用于 DOM。也就是双向数据绑定。

指令以"v-"作为前缀，Vue提供的指令有：v-model、v-if、v-else、v-else-if、v-show、v-for、v-bind、v-on、v-text、v-html、v-pre、v-cloak、v-once等。指令也可以自定义

指令既可以用于普通标签也可以用在<template>标签上。

指令的值是表达式，指令的值和在文本插值表达式{ { }} 的写法是一样的。

全局指令和局部指令：

【全局指令】 使用 Vue.diretive()来全局注册指令。

注册一个全局自定义指令（不带参数） v-focus,—语法—Vue.directive(‘focus’,function(){})

 <div id="app">
    <input type="text" v-focus>
  </div>
  <script type="text/javascript" src="js/vue.js"></script>
  <script type="text/javascript">
    /*自定义指令*/
    Vue.directive('focus', {
      inserted: function(el){
        // el表示指令所绑定的元素