encapsulamento do componente de diálogo vue3

Yuxian: Parceiro de conteúdo CSDN, mentor estrela em ascensão da CSDN, criador estrela em ascensão no campo full stack, 51CTO (celebridade + blogueiro especialista), entusiasta de código aberto do github (desenvolvimento secundário de código-fonte zero, arquitetura de back-end de jogo https: / /github.com/Peakchen)

Requisitos: 1. A função add e a função edit chamam um componente, mas os itens do formulário passados ​​são diferentes. Por exemplo, após clicar na função add, o nome do usuário, número de telefone e senha inicial podem ser modificados; clicando no botão editar função só pode modificar o nome e o número de telefone.
2. Chame a interface de back-end saveOrUpdate para que os dados recém-adicionados e editados possam ser renderizados na página.

<template>
  <div>
    <!-- 添加功能调用对话框组件 -->
    <button @click="showAddDialog = true">添加用户</button>
    <dialog-form
      :show-dialog="showAddDialog"
      :is-edit="false"
      @close="showAddDialog = false"
    ></dialog-form>

    <!-- 编辑功能调用对话框组件 -->
    <button @click="showEditDialog = true">编辑用户</button>
    <dialog-fo