VUE3中使用Particles 粒子特效


一、安装

vue3中要使用 particles.vue3

//使用npm安装
npm install particles.vue3 --save

//使用yarn安装
yarn add particles.vue3 --save

//使用TS还需安装,如果安装完还是报错找不到该模块,可以重启一下项目
npm i tsparticles

二、VUE3+TS 项目中使用

1、src目录下创建文件名为 env.d.ts,声明文件

declare module 'particles.vue3';

2、main.ts 中导入

import Particles from 'particles.vue3'
createApp(App)
  .use(Particles)
  .mount('#app')

3、页面中使用



效果如下图:

vue