Vue.js和OpenLayers：动态添加图层到图层组并进行动态删除

在Vue.js和OpenLayers中，我们经常需要在地图上动态添加图层，并且有时候需要从图层组中动态删除这些图层。本文将介绍如何使用Vue.js和OpenLayers实现这个功能，并提供相应的源代码。

首先，我们需要在Vue.js项目中安装OpenLayers。可以通过npm命令来完成安装：

npm install ol

安装完成后，我们可以开始编写代码。首先，我们需要在Vue组件中引入OpenLayers的相关模块：

import {
    Map, View } from 'ol';
import TileLayer from 'ol/layer