Vue.js中的五彩纸屑动画效果 - vue-confetti

Vue.js中的五彩纸屑动画效果 - vue-confetti
插件名称 vue-confetti
发布时间 2020年7月14日
插件作者 alexandermendes

Vue组件,用于在Web应用程序上创建纸屑动画效果。

变更日志:

2020/09/12

  • v2.2.1:更新

2020年9月6日

  • v2.2.0:添加用于设置最大风速的选项

2020/09/05

  • v2.1.1:错误修复

2020年8月29日

  • v2.0.11

2020年7月13日

  • v2.0.9

安装和下载:

# NPM
$ npm install vue-confetti --save

用法:

导入组件。

import Vue from 'vue'
import VueConfetti from 'vue-confetti'

使用此组件。

<template>
  <main>
    <button @click="start">开始</button>
    <button @click="stop">停止</button>
  </main>
</template>
Vue.use(VueConfetti)

export default {
  methods: {
    start () {
      this.$confetti.start()
    },

    stop () {
      this.$confetti.stop()
    }
  }
}