vue编辑和新增用同一个页面 select

在 Vue 中实现编辑和新增使用同一个页面的方法有很多，其中一种方法是通过动态绑定数据来实现。

data () {
  return {
    form: {
      name: '',
      age: '',
然后，我们可以通过 props 传递一些参数，来判断当前是编辑还是新增：
props: {
  formData: {
    type: Object,
    default: () => ({})
接着，我们可以在 created 钩子函数中，根据传递的参数判断当前是编辑还是新增：
created () {
  if (this.formData) {
    this.form = this.formData
最后，我们可以在提交表单时，根据 $emit 事件进行回调：
submitForm () {
  this.$emit('submit', this.form)
这样，我们就可以通过一个组件实现编辑和新增的功能。