【Vue3】vue3-seamless-scroll实现无缝滚动+滚轮控制

前言
…
目标

1 掌握vue3-seamless-scroll使用方法
2 vue2是否可以使用vue3-seamless-scroll插件

---

基本使用

前期工作

创建一个vue3项目，在项目中安装第三方组件
1 安装

npm install vue3-seamless-scroll --save

2 引入并注册

import {
    Vue3SeamlessScroll } from "vue3-seamless-scroll";
import {
    defineComponent,ref } from "vue";
export default defineComponent({
   
  name: "SeamlessScroll",
  components: {
   Vue3SeamlessScroll}   
});

3 使用组件

<vue3-seamless-scroll>
 // 要滚动的内容
</vue3-seamless-scroll>

在正式开始之前，先看一下这个第三方组件有哪些参数或者属性
官方文档：vue3-seamless-scroll
组件配置

key	描述	默认值	类型
step	滚动速度	1	Number
limitMoveNum	开始无缝滚动的最小数据量	5	Number
h