最简单的引入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)