vue生成一个悬浮球

在 Vue 中生成一个悬浮球可以使用以下步骤：

1. 创建一个 Vue 实例，在 template 中添加一个 div 元素，并设置它的样式。

2. 在 Vue 组件中定义一个 data 属性来控制悬浮球的显示/隐藏状态。

3. 使用 Vue 的事件处理机制，在 template 中绑定悬浮球的事件。

4. 在 Vue 组件的 methods 中定义方法来处理悬浮球的事件。

下面是一个简单的例子：

<template>
  <div v-bind:class="{ 'floating-ball': isVisible }" v-on:click="toggleVisibility">
  </div>
</template>

<script>
export default {
  data() {
    return {
      isVisible: false
    }
  },
  methods: {
    toggleVisibility() {
      this.isVisible = !this.isVisible;
    }
  }
}
</script>

<style>
.floating-ball {
  width: 50px;
  height: 50px;
  background-color: red;
  border-radius: 25px;
  position: fixed;
  right: 20px;
  bottom: 20px;
}
</style>

这样就可以在 Vue 中生成一个悬浮球了。