如何在vue3的setup中创建使用两个按钮，使得分别控制cesium中相机得放大缩小状态

在Vue 3中，可以使用`setup()`函数来创建和初始化组件的响应式数据和方法。为了在`setup()`函数中创建使用两个按钮，以控制Cesium中相机的放大和缩小状态，可以按照以下步骤进行操作：

1. 在template中添加两个按钮，并分别绑定相应的点击事件：

<template>
  <div>
    <button @click="zoomIn">放大</button>
    <button @click="zoomOut">缩小</button>
    <div id="cesiumContainer"></div>
  </div>
</template>

2. 在`setup()`函数中导入Cesium，创建Cesium Viewer对象，并声明相应的响应式数据和方法：

import * as Cesium from "cesium";

export default {
  setup() {
    const viewer = new Cesium.Viewer("cesiumContainer");
    const camera = viewer.camera;

    const zoomIn = () => {
      camera.zoomIn(1000);
    };

    const zoomOut = () => {
      camera.zoomOut(1000);
    };

    return {
      zoomIn,
      zoomOut,
    };
  },
};

通过上述代码，我们使用`Cesium`导入了Cesium库，然后创建了一个Cesium Viewer对象，并声明了`zoomIn`和`zoomOut`两个响应式方法。其中，`zoomIn`方法使用Cesium相机对象的`zoomIn`方法来实现放大，`zoomOut`方法使用Cesium相机对象的`zoomOut`方法来实现缩小。

3. 最后，将`setup()`函数中声明的响应式数据和方法，绑定到template中的按钮上：

<template>
  <div>
    <button @click="zoomIn">放大</button>
    <button @click="zoomOut">缩小</button>
    <div id="cesiumContainer"></div>
  </div>
</template>

<script>
import * as Cesium from "cesium";

export default {
  setup() {
    const viewer = new Cesium.Viewer("cesiumContainer");
    const camera = viewer.camera;

    const zoomIn = () => {
      camera.zoomIn(1000);
    };

    const zoomOut = () => {
      camera.zoomOut(1000);
    };

    return {
      zoomIn,
      zoomOut,
    };
  },
};
</script>

通过以上步骤，即可在Vue 3的`setup()`函数中创建使用两个按钮，以控制Cesium中相机的放大和缩小状态。