最简单的引入Vue看板娘教程

 

最简单的引入Vue看板娘教程

一、项目引入

这里使用的是来自Evgo老哥的 vue-live2d

使用简单，直接引入就好。具体的可以看老哥的文档

二、简单实现

在你的项目引入

npm install vue-live2d

接着在想要引入看板娘的组件下

import live2d  from 'vue-live2d'

components: {
    live2d
  },
  data () {
    return {
      direction: 'right',
      style: '',
      width: 500,
      height: 500,
      size: 350,
      tips: {
        mouseover: [{
          selector: '.vue-live2d',
          texts: ['这样可以修改默认语句']
        }]
      }
    }
  }

三、部分参考文档

 更多的你们可以去github上面看作者的介绍

 GitHub - evgo2017/vue-live2d: vue live2d 看板娘（Demo: https://evgo2017.com/repo/vue-live2d）