学习vue源码（3） 手写Vue

一、Vue.directive

Vue.directive(id,[definition]);

1）参数

{ string } id

{ Function | Object } [ definition ]

（2）用法

注册或获取全局指令。

Vue.directive(‘my-directive’,{

bind:function(){},

inserted:function(){},

update:function(){},

componentUpdated:function(){},

unbind:function(){},

})

Vue.directive(‘my-directive’,function(){

})

var myDirective = Vue.directive(‘my-directive’);

（3） 除了核心功能默认内置的指令外（v-model和v-show），Vue.js也允许注册自定义指令。虽然代码复用和抽象的主要形式是组件，但是有些情况下，仍然需要对普通DOM元素进行底层操作，这时就会用到自定义指令。

（4）Vue.directive方法的作用是注册或获取全局指令，而不是让指令生效。其区别是注册指令需要做的事是将指令保存在某个位置，而让指令生效是将指令从某个位置拿出来执行它。

（5）实现

Vue.options = Object.create(null);

Vue.options[‘directives’] = Object.create(null);