vue3-巧妙指令

不知道同事们是否已经将vue3应用到工作中了？使用起来确实很方便哦！但是一些常见的插件还没有更新到Vue 3.0版本呢。比如我的一个常用组件是一个自定义的滚动条overlayscrollbars，在实际操作中发现如果直接使用overlayscrollbars-vue会在Vue 3中报错哦！

我们今天重点讲解了如何通过指令集成这些插件，并深入介绍了自定义滚动条（overlayscrollbars）的功能与操作方法。同时，我们还演示了如何利用拖拽式的Sortable.js（sortablejs）实现高效的排序功能。

directive

关于指令的部分这里不做详细说明。参考官方文档（https://v3.cn.vuejs.org/api/options-assets.html#directives），这些插件都提供了通过JavaScript进行交互的方式，在指令中我们可以添加相应的插件以实现功能。

main.js：

 import { createApp } from 'vue'

    
 import directive from './directive'
    
  
    
 const app = createApp(App)
    
  
    
 directive(app)

directive：