使用vue封装cesium创建点、线、面，其中需要包含添加、删除、修改、和全部删除功能

以下是一个基本的示例，使用Vue和Cesium封装创建点、线和面的组件，并包含添加、删除、修改和全部删除功能。这个示例使用Vue的单文件组件（SFC）语法。

示例代码：

<template>
<div>
<div>
<button @click="createPoint">创建点</button>
<button @click="createLine">创建线</button>
<button @click="createPolygon">创建面</button>
<button @click="clearAll">全部删除</button>
</div>
<div ref="cesiumContainer" class="cesiumContainer"></div>
</div>
</template>

<script>
import Cesium from 'cesium/Cesium';

export default {
data() {
return {
viewer: null,
entities: []
}
},
mounted() {
this.viewer = new Cesium.Viewer(this.$refs.cesiumContainer);
},
methods: {
createPoint() {
const entity = this.viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
point: {
pixelSize: 10,
color: Cesium.Color.YELLOW
}
});
this.entities.push(entity);
},
createLine() {
const entity = this.viewer.entities.add({
polyline: {
positions: Cesium.Cartesian3.fromDegreesArray([-75.59777, 40.03883, -80.5, 35.7]),
width: 2,
material: Cesium.Color.RED
}
});
this.entities.push(entity);
},
createPolygon() {
const entity = this.viewer.entities.add({
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArray([
-72.0, 40.0,
-70.0, 35.0,
-75.0, 30.0,
-80.0, 33.0,
-72.0, 40.0
]),
material: Cesium.Color.BLUE.withAlpha(0.5)
}
});
this.entities.push(entity);
},
clearAll() {
for (let i = 0; i < this.entities.length; i++) {
this.viewer.entities.remove(this.entities[i]);
}
this.entities = [];
}
}
}
</script>

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

在这个示例中，我们首先在<template>标签中定义了一个包含四个按钮和一个Cesium容器的<div>元素。然后在<script>标签中，我们引入了Cesium库，并定义了一个Vue组件。

在组件的data选项中，我们定义了一个viewer变量，它将用于管理Cesium Viewer实例，并定义了一个entities数组，用于存储添加的实体。

在mounted()生命周期钩子函数中，我们创建了一个新的Cesium Viewer实例，并将其附加到< div >元素的引用中。

接下来，我们定义了四个方法：createPoint，createLine，createPolygon和clearAll。这些方法分别用于创建点、线、面和删除所有实体。在每个方法中，我们使用Cesium API创建一个新的实体，并将其添加到viewer.entities中。我们还将实体添加到entities数组中，以便稍后进行删除操作。

最后，在clearAll方法中，我们使用for循环遍历entities数组，并将每个实体从viewer.entities中删除。然后我们将entities数组重置为空数组。

最后，在<style>标签中，我们定义了Cesium容器的高度。