vue新增编辑页面共用 问题

对于Vue开发中的新增和编辑页面共用，通常可以使用以下两种解决方案：

第一种方案是利用路由参数进行判断。即在路由配置中使用动态路由参数，如“/edit/:id”和“/add”，当访问页面时根据路由参数进行判断，若存在id参数，则为编辑页面，否则为新增页面。在页面中可以根据不同的情况展示不同的表单，同时也需要在提交表单时进行不同的处理。这种方案的优点在于可以减少代码的冗余，同时也方便了代码的管理和维护。

第二种方案则是使用Vue组件的复用机制。即将新增和编辑页面抽离出公共的组件，将其封装成为一个单独的组件，通过props属性和事件回调将新增和编辑页面所特有的部分传递给公共组件，在公共组件中进行处理。这种方案的优点在于可以更好地区分编辑和新增页面，使代码更清晰可读，同时也便于后期的修改和维护。

总的来说，以上两种方案都可以解决Vue新增编辑页面共用的问题，并且在实际开发中也经常被使用。开发人员可以根据具体需求和项目特点进行选择和调整，以便达到最佳的效果。