在vue项目中引入Cesium 并创建一个模型

要在Vue项目中引入Cesium，可以使用以下步骤：

1.安装cesium：使用npm或yarn安装Cesium库。

npm install cesium --save

或者

yarn add cesium

2.在Vue项目中引入Cesium：

在main.js中添加以下代码：

import Vue from 'vue'
import Cesium from 'cesium/Cesium'
import 'cesium/Widgets/widgets.css'

Vue.prototype.Cesium = Cesium

3.创建Cesium模型：

在Vue组件中，可以使用以下代码创建一个简单的Cesium模型：

<template>
  <div id="cesiumContainer"></div>
</template>

<script>
  export default {
    mounted() {
      // 创建cesium viewer
      const viewer = new this.Cesium.Viewer('cesiumContainer')

      // 加载模型
      const entity = viewer.entities.add({
        name: 'model',
        position: this.Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706),
        model: {
          uri: './path/to/model.gltf'
        }
      })
    }
  }
</script>

<style>
  #cesiumContainer {
    height: 500px;
  }
</style>

在mounted方法中，我们创建一个Cesium Viewer实例，并将其渲染到id为cesiumContainer的div中。然后，我们使用Cesium.entities.add方法添加一个实体，其中包含一个简单的gltf模型。