動態添加+動態綁定（vue數據驅動思路）

先上案例

首先來分析一下，勾選科目的時候，下面同時增長科目的滿分值設置。

• 之前寫jquery的思路：當勾選的時候建立dom節點，而後把dom節點append到父節點上，項目採用先後分離的方式進行交互，這樣一來，所設置的科目滿分值就脫離綁定了。更進一步：把全部設置滿分值的input先進行綁定，而後控制顯示跟隱藏，這樣一來目的達到了，可是一旦選項是從後臺獲取的話，後臺一旦改動，這邊就要跟着更改。

充分利用數據驅動視圖思想：

• 代碼片斷

1.說明:此函數做用，判斷數組裏面是否包含函數傳入的值，這邊使用遍歷方法對數組進行循環，看數組裏的對象的subject的值是否是跟傳入的相等，若是相等就說明數組裏麪包含這項了，也就是說明了這個科目已是勾選的狀態了，也就要把他刪除掉，這邊刪除使用splic方法（vue的變異方法），直接改變原數組的值，並處發vue對視圖更新。

2.說明：定義滿分值循環的數組

三、說明：此數組爲上面CheckBox的數據

四、說明：v-for循環詳細的寫法