如何快速在Vue项目中使用自定义指令？

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

目录

一、用法：注册或获取全局指令

二、指令函数

三、快速使用——获取input框的焦点

1.全局指令

2.局部指令

一、用法：注册或获取全局指令

使用Vue.directive(id, [definition])注册或获取全局指令，其中id是指令的名称，definition是一个对象，包含指令的定义。

Vue.directive('focus', { inserted: function (el) { el.focus(); }});

二、指令函数指令函数可以包括以下几种：- bind：当指令第一次绑定到元素时调用。- inserted：当元素插入到父节点时调用。- update：当绑定值变化时调用。- componentUpdated：当所在组件的 VNode 更新后调用。