点击按钮出现弹窗，弹窗的背景为灰色，字体为白色vue

您可以使用Vue.js和CSS来实现这个效果。首先，您可以在Vue.js中创建一个组件，该组件包含一个按钮。当用户单击该按钮时，您可以使用Vue.js中的数据绑定来控制弹出窗口的显示。接下来，您可以使用CSS来设置弹出窗口的样式，包括背景颜色和字体颜色。以下是一个简单的示例代码：

<template>
  <div>
    <button @click="showPopup = true">点击按钮</button>
    <div class="popup" v-if="showPopup">
      <p>这是弹窗内容</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showPopup: false
    }
  }
}
</script>

<style>
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  color: #fff;
}
</style>

在这个示例中，点击按钮会将`showPopup`属性设置为`true`，从而显示弹出窗口。弹出窗口的样式通过CSS设置，包括灰色的背景和白色的字体颜色。