前面一片文章说了vue2.0过滤器，其实自定义指令跟过滤器非常相似，单就定义方式而言，其与过滤器完全一致，分为局部指令，和全局指令。不过就是filter改为directive的区别。 过滤器一般用于对一些常见文本的格式化，而自定义指令主要是为了对底层DOM实现操作，虽然说vue主要是以 ...

el: 指令所绑定的元素，可以用来直接操作DOM。 binding: 一个对象，包含指令的很多信息。 vnode: Vue编译生成的虚拟节点。 利用钩子函数： 1、bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化 ...

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子 ...

前言 　　在vue项目中我们经常使用到 v-show ，v-if，v-for等内置的指令，除此之外vue还提供了非常方便的自定义指令，供我们对普通的dom元素进行底层的操作。使我们的日常开发变得更加方便快捷。本文就来总结一下自定义指令的使用方法及常用的场景。 正文 　　1.全局注册 ...

方法一:http://www.jianshu.com/p/04dffe7a6b74 //在mian.js中写入函数 Vue.prototype.changeData = function (){ alert('执行成功'); } //在所有组件里可调用函数 ...

我们知道父组件是使用props传递数据给子组件，如果子组件要把数据传递回去，怎么办？ 那就是要自定义事件！使用v-on绑定自定义事件 每个Vue实例都实现了事件接口（Events interface）, 即 使用$on(eventName) 监听事件 $emit(eventName) 触发事件 ...

html 1.vue2.0写法 Vue.directive('setcolor', { bind(el, binding, vnode) { el.style.color = binding } }) 2.vue3.0写法 ...

给data对象新增属性，并触发视图更新 如下代码，给 student对象新增 age 属性 data () { 　　return { 　　　　student: ...