Vue如何深入运用构造选项的高级技巧？

本文共计1076个文字，预计阅读时间需要5分钟。

指令：简化DOM操作，减少Vue实例/组件用于数据绑定、事件监听、DOM更新

Vue指令主要目的是：

- 原生DOM操作- 减少重复- 自定义指令- 两种声明方式- 方法一：声明一个全局指令

Vue.dir

Directive指令：减少DOM操作的重复

Vue实例/组件用于数据绑定、事件监听、DOM更新

Vue指令主要目的就是原生DOM操作

减少重复

自定义指令

两种声明方式

方法一：声明一个全局指令

Vue.directive('x', directiveOptions)

方法二：声明一个局部指令

在options里写，只能被那个Vue实例/组件使用

new Vue({ ..., directives:{ "x"：directiveOptions } })

关于directiveOptions

directiveOptions是个对象，里面有五个函数属性

bind(el, info, vnode, oldVnode)★

类似created，只调用一次，指令第一次绑定到元素时调用。