A. vue 根據後端數據渲染文件模板，編輯並實時預覽效果
最近有個需求，用戶要線上編輯模板文件，以前直接考慮用富文本編輯方式，用戶想怎麼編輯就怎麼編輯，但這次需求後端提到輸入的關鍵信息要入庫，並且有select選項插入。整篇帶樣式的html由後端返回。
初步想法是分左右欄，左側預覽右側form，最開始想收到後端的html後再插入document，但動態插入的dom無法做到數據響應，變換下思路，把需要動態顯示的dom事先初始化dom中，等模板html渲染完成後再插入到對應位置。
和後端約定的數據格式，tempStr是html，動態插值用${}表示，form是表單描述，用於渲染表單：
思路：
template.vue:
效果
暫時type只區分了select，可以加入radio、checkbox等表單形式。