vue落地页制作工具如何动态生成H5页面？

现在我有这样一个h5落地页制作系统，如下图：

页面的左边是编辑栏，右边是预览栏，都是用vue生成的。当用户改动了左边的图片或者文案之后，右边也会相应的改变。

当用户点击保存的时候，我希望可以将右边的预览栏保存为一个html文件，然后将这个文件传给后台，后台上传到cdn, 返回给我cdn的地址，这样用户就可以访问这个落地页页面了。