使用Vue和OpenLayers绘制矩形，并显示首尾点和中心点的坐标值，同时获取所有点的经纬度。

首先，我们需要设置Vue和OpenLayers的环境。确保已经安装了Vue和OpenLayers，并且在Vue项目中引入OpenLayers库。现在，我们可以开始编写代码了。

在Vue组件中，我们需要先创建一个地图容器，并初始化地图。然后，我们将添加一个绘制交互工具来绘制矩形，并实时显示矩形的首尾点和中心点坐标值。

以下是完整的Vue组件代码示例：

<template>
  <div>
    <div id=