vue3 vue3-particles粒子使用方法

注意:这个vue3-particlesparticles.vue3有些许差别的(安装、引入方式)

particles.vue3示例:vue3 使用particles插件粒子_vueparticles_余温无痕的博客-CSDN博客

下面是vue3-particles使用介绍

先看效果,背景图是自己设置的

vue3 vue3-particles粒子使用方法_第1张图片

安装:

// 这两个都要安装

npm i vue3-particles

npm i tsparticles

 在main.js中引用

import Particles from "vue3-particles"

const app = createApp(App);
app.use(Particles).mount("#app")

页面上



相关链接 

GitHub - tsparticles/vue3: Vue.js tsParticles official componentVue.js tsParticles official component. Contribute to tsparticles/vue3 development by creating an account on GitHub.icon-default.png?t=N7T8https://github.com/tsparticles/vue3

Demo: 

tsParticles | JavaScript Particles, Confetti and Fireworks animations for your website

你可能感兴趣的:(particles,vue3,vue3-particles,vue3,粒子效果,particles)