Vue是有很多默认内置指令，但有些指令是达不到自己的功能需求的，所以平时开发我们就会自定义指令使用了。
首先我们看下怎么定义指令
//单页面vue组件exportdefault{data(){return{}},directives:{//自定义对象demo:{bind:function(el,binding,vnode){//只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。},inserted:function(el,binding,vnode){//被绑定元素插入父节点时调用(仅保证父节点存在，但不一定已被插入文档中)。},update:function(el,binding,vnode){//所在组件的VNode更新时调用，但是可能发生在其子VNode更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新},