# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).


<!--
  <flmDrawer :config="editDrawerConfig">
    <flmModuleForm
      :config="editModuleFormConfig"
      @submit="edit"
      @cancel="closeEditDrawer"
    >
      <!-- 表单插槽 -->
      <template #projectName="scope">
        <el-input :model-value="scope.formModel.projectName" @input="formInputValue($event, scope)"></el-input>
      </template>
      <!-- tab表单插槽 -->
      <template #tabFormSlot="scope">
        <el-input :model-value="scope.formModel.tabFormSlot" @input="formInputValue($event, scope)"></el-input>
      </template>
      <!-- 表格插槽 -->
      <template #personInfo.testProp="scope">
        <el-input :model-value="scope.row.personInfo.testProp" @input="tableInputValue($event, scope)"></el-input>
      </template>
      <!-- tab表格插槽 -->
      <template #tabTableSlot="scope">
        <el-input :model-value="scope.row.tabTableSlot" @input="tableInputValue($event, scope)"></el-input>
      </template>
    </flmModuleForm>
  </flmDrawer>
  <flmDrawer :config="readDrawerConfig">
    <flmModuleForm :config="readModuleFormConfig" @submit="closeReadDrawer" @cancel="closeReadDrawer"></flmModuleForm>
  </flmDrawer>
  <el-button-group>
    <el-button @click="openEditDrawer">编辑</el-button>
    <el-button @click="openReadDrawer">查看</el-button>
  </el-button-group>
-->