Vue构造选项有哪些进阶用法和技巧？

本文共计1067个文字，预计阅读时间需要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，只调用一次，指令第一次绑定到元素时调用。