The use of vue revolving lantern component vue3-marquee

Dear friends, are you still looking for a tutorial on how to use the vue3-marquee component? Next, I will teach you how to quickly get started with the revolving lantern component in two steps and add more bigger to your project!

1. Install

Install using npm

npm install vue3-marquee@latest --save

install using yarn

yarn add vue3-marquee@latest

2. use

2.1 Introducing components and styles

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

2.2 Under the component you want to use the revolving lantern component, register it

components:{
    Vue3Marquee
}

2.3 Use component tags to wrap the content you want to perform revolving lantern effect

It should be noted here that not only plain text can be placed in the label, but also various labels can be placed

Finally, congratulations, the revolving lantern has been successfully used!