vue3 使用particles插件粒子

效果（可以修改多种不同的样式效果），背景图片是自己设置的页面背景，跟插件无关

1、安装

npm install particles.vue3

2、main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from "./router";
import Particles from "particles.vue3"; // 引入

const app = createApp(App);

app.use(router).use(Particles).mount("#app");

3、页面使用

 3.1、script setup下页面使用

基本到这就结束了，这只是其中的一种样式，还有很多酷炫的样式可以展示

DEMO演示地址tsParticles | JavaScript Particles, Confetti and Fireworks animations for your websitetsParticles - Easily create highly customizable particles, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.https://particles.js.org/

github：https://github.com/matteobruni/tsparticles/tree/main/components/vue3https://github.com/matteobruni/tsparticles/tree/main/components/vue3