vue 水平居中

要实现Vue中的水平居中，可以使用CSS样式。假设你要居中一个div元素，可以按照以下步骤操作：

1. 在该div元素上添加一个class，例如centered。

2. 在CSS样式表中添加以下规则：

.centered {
  margin: 0 auto;
}

这个规则将会使该元素在水平方向上居中。

3. 在Vue模板中的div元素中加入该class，例如：

<template>
  <div class="centered">
    <!-- 这里是你的内容 -->
  </div>
</template>

这样，该元素就会水平居中了。