Vue.js的打字机式动画 - vue-typewriter

Vue.js的打字机式动画 - vue-typewriter
插件名称 vue-typewriter
发布时间 2020年11月29日
插件作者 eduardostuart

就像打字机一样,只是另一个Vue.js组件来模拟打字动画。

用法:

导入组件。

import Vue from 'vue'
import Typewriter from 'vue-typewriter'

基本用法。

<typewriter
  :speed="200"
  :full-erase="true"
  :interval="300"
  :words='["Awesome!","Amazing!"]'>
  Vue Typewriter is
</typewriter>
Vue.use(Typewriter);
new Vue({el: '#root'});

默认 props 。

words: {
  type: Array,
  default () {
    return []
  }
},
interval: {
  type: Number,
  default: 200
},
speed: {
  type: Number,
  default: 300
},
cursor: {
  type: Boolean,
  default: true
},
cursorSymbol: {
  type: String,
  default: '|'
},
fullErase: {
  type: Boolean,
  default: false
}