顯示效果

• 首先把需要的文件先下載下來

鏈接：https://pan.baidu.com/s/1tAfecHdTSzXX7mkPeRGEdA
提取碼：l0kx
復(fù)制這段內(nèi)容后打開百度網(wǎng)盤手機App，操作更方便哦

• 接著把壓縮包解壓到項目的public文件夾下

  
  
  public文件夾
• 之后再public文件夾下的index.html中加入這么一句話

 <script type="text/javascript" src="/live2dw/lib/L2Dwidget.min.js"></script>!

index.html

• 最后在src文件夾下的App.vue中加入定時器

  created() {
    setTimeout(() => {
      window.L2Dwidget.init({
        pluginRootPath: "live2dw/",
        pluginJsPath: "lib/",
        pluginModelPath: "live2d-widget-model-shizuku/assets/",
        tagMode: false,
        debug: false,
        model: {
          jsonPath:
            "../live2dw/live2d-widget-model-shizuku/assets/shizuku.model.json"
        },
        display: { position: "right", width: 200, height: 300 },
        mobile: { show: true },
        log: false
      });
    }, 1000);
  }

App.vue

最后把live2dw中多余的不喜歡的老板娘刪去就ok！