cube-ui vue插件表单弹窗

Cube UI是一个基于Vue的轻量级UI组件库，它提供了一个方便易用的表单弹窗功能，通常称为`cube-form-dialog`或者`dialog`组件。这个组件可以用于创建各种交互式的表单提交场景，比如登录注册、编辑信息等。通过简单的配置和模板编写，开发者可以快速生成响应式且美观的弹出窗口，并集成了验证、数据绑定等功能。

在使用时，你通常会这样做：

1. 安装cube-ui：首先需要在项目中安装cube-ui的Vue插件，可以通过npm或yarn添加依赖。

   npm install cube-ui

2. 引入并注册组件：

   import { FormDialog } from 'cube-ui';
   Vue.component('c-form-dialog', FormDialog);

3. 在模板中使用`<c-form-dialog>`标签：

   <button @click="openFormDialog">打开弹窗</button>
   <c-form-dialog v-model="showFormDialog" :form="formData">
     <!-- 表单内容 -->
   </c-form-dialog>

这里，`v-model="showFormDialog"`控制对话框的显示隐藏，`:form="formData"`绑定表单数据。

4. 控制弹窗状态：

   data() {
     return {
       showFormDialog: false,
       formData: {} // 初始化表单数据
     };
   },
   methods: {
     openFormDialog() {
       this.showFormDialog = true;
     }
     // 提交表单的处理方法
   }