vue走马灯组件vue3-marquee的使用

亲爱的小伙伴，你还在寻找vue3-marquee组件的使用教程吗，下边我就用两步教会你如何快速上手走马灯组件，为你的项目增添更多的bigger！

1.安装

使用npm安装

npm install vue3-marquee@latest --save

使用yarn安装

yarn add vue3-marquee@latest

2.使用

2.1 引入组件和样式

import { Vue3Marquee } from 'vue3-marquee'
import 'vue3-marquee/dist/style.css'

2.2 在你要使用走马灯组件的组件下，注册它

components:{
    Vue3Marquee
}

2.3使用组件标签，包裹住你要进行走马灯效果的内容

这里要注意的是，标签里边不仅可以放纯文本，也可以放各种标签

最后，恭喜你，走马灯使用成功！