各位前輩好：

本人小白，開發(fā)試卷模塊過程中，試卷編輯頁面已經(jīng)寫好，并利用Vue實現(xiàn)數(shù)據(jù)雙向綁定。

現(xiàn)需要開發(fā)試卷預(yù)覽模塊，如何實現(xiàn)寫好的許多代碼（如下）復(fù)用？

看了下如何實現(xiàn)HTML復(fù)用，該帖的實現(xiàn)好像只是靜態(tài)頁面，不知如何實現(xiàn)Vue的數(shù)據(jù)渲染？

望給位前輩不嗇指點一二

 <!-- 試卷題目 -->
        <div v-for = "(item, index) in questions">
            
            <!-- 題目 title -->
            <div>
                <label>{{index + 1}}</label>
                <span>. 題型：</span>
                <select :id = "'questionType'+index" @change = "changeQuestionType(index)" v-model = "item.questionType">
                    <option value = "1">填空</option>
                    <option value = "2">判斷</option>
                    <option value = "3">單選</option>
                    <option value = "4">多選</option>
                    <option value = "5">問答</option>
                    <option value = "6">投票</option>
                    <option value = "7">匹配</option>
                    <option value = "8" v-show = "item.parentId == null || item.parentId == -1">綜合</option>
                </select>
                <input v-model="item.score" type="number">
                <span>分</span>
                <button v-on:click = "saveQuestion(index)">
                    保存題目
                </button>
                <button @click = "deleteQuestion(item.questionId)">
                    刪除題目
                </button>
            </div>

            <!-- 題干 -->
            <div :id = "'stem'+index">
            ……省略
            </div>
</div>