live2d vue

根据引用中的代码，live2d.vue是一个以Vue组件的形式创建的文件，用于方便控制显示。在这个文件中，通过引入/public/js/bundle.js和/public/js/live2dcubismcore.js这两个文件，实现了Live2D模型的显示和控制逻辑。同时，在文件的最后使用了<script setup>标签来编写相关的逻辑代码。注意，为了方便资源读取，需要将live2d所需的js文件和打包后的ts的js文件放在public文件夹中，并且根据自己的资源路径进行相应的文件导入配置。

根据引用中的内容，可以看到在使用Live2D的过程中，首先需要安装Hexo博客，并安装Live2D作为运行环境。然后，下载动画资源并进行配置。对于Vue项目，可以参考相关的拓展资源来使用这些资源。

最后，引用中提到了live2d-widget-model-hijiki这个模型的使用配置，可以根据需要进行相应的配置。运行hexo博客进行预览，如果没有问题，那么live2d vue组件的使用就可以开始了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue3组件中使用live2d看板娘（官方包形式）](https://blog.csdn.net/qq_39123467/article/details/131801240)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [在自己项目或者 vue 中使用可爱的二次元（(Live2D）](https://blog.csdn.net/Jioho_chen/article/details/89419170)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]