VUE粒子特效vue-particles插件使用

本文主要是介绍VUE粒子特效vue-particles插件使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vue-particles粒子特效

第一步：下载包 vue-particles

npm install --save vue-particles

第二步：在main.js中引入 vue-particles包

import VueParticles from "vue-particles";
Vue.use(VueParticles)

第三步：在.vue文件中使用 VueParticles

<vue-particlescolor="#0293dd":particleOpacity="1":particlesNumber="300"shapeType="circle":particleSize="6"linesColor="#0293dd":linesWidth="1":lineLinked="true":lineOpacity="1":linesDistance="60":moveSpeed="0.3":hoverEffect="true"hoverMode="grab":clickEffect="false"clickMode="push"style="margin: 0 auto; width: 375px; height: 375px; border-radius: 50%; overflow: hidden"
/>

这篇关于VUE粒子特效vue-particles插件使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---