自定义指令是用来操作dom的。尽管vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的dom操作，并且是可复用的。
比如谷歌图片的加载做得非常优雅，在图片未完成加载前，用随机的背景色占位，图片加载完成后才直接渲染出来。用自定义指令可以非常方便的实现这个功能。
自定义指令的第二用处是用于集成第三方插件。我们知道任何软件开发领域都可以分为四层：底层是原生的api，上层是通用框架，再上层是通用组件，最上层才是具体的业务代码。一个通用框架，必须搭配一套完整的通用组件，才能真正奠定其江湖地位。
在前端开发领域，以前的通用框架是jquery，jquery以及基于jquery构建的通用组件形成了一个庞大的生产系统。现在的通用框架是angular、react和vue，每个框架都需要基于自身构建新的组件库。自定义指令好就好在：原先的那些通用组件，无论是纯js的也好，基于jquery的也好，都可以拿来主义直接吸收，而不需要改造或重构。
比如写文档通常会用到highlight.js，我们可以直接将其封装为一个自定义指令，这样highlight.js就变成了vue的一个新功能。
但凡遇到第三方插件如何与vue.js集成的问题，都可以尝试用自定义指令实现。
相关推荐：
自定义指令
angualar 1 自定义指令的使用--消息框
angular自定义指令实现元素可任意移动
windows自定义命令的创建
以上就是vue.js实现自定义指令代码分享的详细内容。