A vue.js Particles Animation Background Component

A sample component to make particles animation in Vue-js. check it in the github repository below.




Project URL  https://github.com/lindelof/particles-bg-vue

Online demo



Method 1: Import and use in the component

Method 2: Use it globally

Parameter Description

* type – Is the type of particle animation

Is the type of particle animation, random is a random selection. You are also free to customize use custom.

* num – The number of particles emitted each time, generally not set

* color – The background color or particle color of the particle scene

Notice: which should be an array under type=color

* canvas – canvas dom style

* bg – Set to html background

Is set the following properties

About Custom

You can use type=”custom” to achieve a higher degree of freedom for the particle background.





Share this: