vue 有没有一种工具可以快速 copy&paste 一个 vue 示例？

[vevlins]

我们的服务有很多复杂表单，出现问题时希望能够快速在开发人员这一端重现，“快速 copy&paste”就是指把用户表单组件的 props&data 复制到开发人员的页面上。

现在的一个方案是通过 dom 节点取.__vue__属性，有其他解决方案吗？

扩展一些，从技术上能否有可能复现一个故障页面的全部状态？

[SilentDepth]

技术上讲，Vue 组件的工作结果完全由状态决定。如果这个状态是可复制的，那么就可以复制工作结果。

不建议访问 __vue__ 等非公开属性。可以编写一个 mixin 应用到目标组件，实现一个 debug 方法（名字随意），作用就是把关键数据打包成一段 JSON 提交给开发人员，然后开发人员用动态组件结合 propsData 就能复制组件的工作结果了。

复现故障页面也是可能的，就是需要处理的状态多一些。