vue3+photo-sphere-viewer

webar.vue
使用组件记得去官网，切换到cd目录然后局部npm安装这个组件

<template>
  <view id="viewer">
  </view>
</template>
 
<script>
	import { Viewer } from '@photo-sphere-viewer/core'
	import '@photo-sphere-viewer/core/index.css'
export default {
        data(){
            return{
                viewer:'',
                imgurl1:'https://aupup-mall-pub.oss-cn-shenzhen.aliyuncs.com/public/aa28925e-8ef9-4a2d-9217-e82a86b6ee15.jpg',
            }
        },
        mounted(){
            this.viewer = new Viewer({
                container:document.querySelector('#viewer'),
                panorama:"/static/tu.jpeg",
                size:{
                    width: '100%',
                    height: '80vh',
                },
            });
        }
    }
    </script>