vue使用krpano 全景图

准备工作

环境：
vue-cli：4.2.2
krpano: 1.19

1. 安装vue-krapano

npm install vue-krpano --save

2. 引用

import Vue from "vue";
import Krpano from "vue-krpano";
Vue.use(Krpano);

3. 引用krpano包

index.html中

需要：krpano.js

可选：gyro2.js(移动端螺旋仪和加速传感器使用得到)

4. 使用

xml: 就是你的主配置文件。
@panoCreated：初始化的方法

5. 图片引用
   结构：
   
   这和它的加载方式有关。找到一个详细介绍的网站

其中tiledimagewidth，tiledimageheight就是平铺的宽和高，你的宽高可能和我不一样，需要你自己做个加法。
官网上又很多的案例

可能遇到的问题：

You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

是应为vue版本升级了，挂载的方式不一样了

解决:
vue.config.js:

 // 配置路径别名
    config.resolve.alias
      .set('vue$', 'vue/dist/vue.esm.js')

今天琢磨了大半天，终于跑通了