vue2导入cesium模型

要在Vue2中导入Cesium模型，可以按照以下步骤进行操作：

1. 首先，安装cesium和cesium-webpack-cesium-loader。

npm install cesium cesium-webpack-cesium-loader --save

2. 在webpack.config.js文件中，添加以下代码：

const CopyWebpackPlugin = require('copy-webpack-plugin')
const webpack = require('webpack')
const path = require('path')

module.exports = {
  // ...其他配置
  plugins: [
    // 复制cesium的静态资源，如图片、样式等
    new CopyWebpackPlugin({
      patterns: [
        {
          from: path.join('node_modules', 'cesium', 'Build', 'Cesium', 'Assets'),
          to: 'cesium/Assets',
        },
      ],
    }),
    new webpack.DefinePlugin({
      // 定义CESIUM_BASE_URL为'./cesium'，以使Cesium能够正确加载资源
      CESIUM_BASE_URL: JSON.stringify('./cesium'),
    }),
  ],
}

3. 在Vue组件中，按照以下方式导入Cesium：

import * as Cesium from 'cesium/Cesium'
import 'cesium/Widgets/widgets.css'
import CesiumViewer from 'cesium/Widgets/Viewer/Viewer'

export default {
  mounted() {
    // 创建cesium viewer
    this.viewer = new CesiumViewer(this.$refs.cesiumContainer, {
      animation: false,
      baseLayerPicker: false,
      fullscreenButton: false,
      vrButton: false,
      geocoder: false,
      homeButton: false,
      infoBox: false,
      sceneModePicker: false,
      selectionIndicator: false,
      timeline: false,
      navigationHelpButton: false,
      navigationInstructionsInitiallyVisible: false,
      scene3DOnly: true,
      shouldAnimate: true,
      imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
        url: 'http://localhost:8080/geoserver/gwc/service/wmts',
        layer: 'test:Test',
        style: '',
        format: 'image/png',
        tileMatrixSetID: 'EPSG:900913',
        maximumLevel: 18,
        credit: new Cesium.Credit('test'),
      }),
    })
  },
  beforeDestroy() {
    // 销毁cesium viewer
    if (!this.viewer.isDestroyed()) {
      this.viewer.destroy()
    }
  },
}

在这个示例中，我们使用了一个WebMapTileServiceImageryProvider来提供影像底图。你可以根据自己的需要来设置不同的Provider。

注意：在Vue组件中创建cesium viewer时，`this.$refs.cesiumContainer`是一个容器元素，用于承载cesium viewer的DOM元素。在模板中，你需要添加这个元素，例如：

<template>
  <div>
    <div ref="cesiumContainer" style="height: 600px;"></div>
  </div>
</template>