# 在 vue 中如果要注册局部自定义指令

在 vue 中如果要注册局部自定义指令。直需要将指令名称命名为以 v 开头指令名称即可。在 <script setup> 中,任何以 v 开头的驼峰式命名的变量都可以被用作一个自定义指令。在上面的例子中, vFocus 即可以在模板中以 v-focus 的形式使用。

# 如果想要封装全局自定义指令

如果想要封装全局自定义指令,则可以通过写插件的方式进行封装,然后再到 main.js 里面进行 use 注册即可。关于 Vue 中插件的的写法可以看 Vue 插件写法,主要就是在定义的插件名中写个 install,然后在里面进行操作。

一个插件可以是一个拥有 install() 方法的对象,也可以直接是一个安装函数本身。安装函数会接收到安装它的应用实例和传递给 app.use() 的额外选项作为参数。比如 app.use (插件名),那么在这个插件里面的 install 的第一个形参就是 app。

# vue3 中使用 router

因为 vue3 不能在 setup 外使用 useRouter。所以在 js 中使用 router 是从 router 文件夹中导入的。

# 在模板中如果要写触发事件函数的时候需要多个参数

在模板中如果要写触发事件函数的时候需要多个参数,可以使用箭头函数。

例如 @change="(select) => checkSingle (select, i)" 相当于给这个触发事件的回调函数包了一层,这样可以在获得多个参数的同时,防止他的 event 形参会被覆盖掉。