Vue在Mvc中的增刪改查

新增：

使用v-model（雙向繫結）可以給所有的標籤使用

<input id="Name" type="text" v-model="fromData.Name" />

下拉框尋要使用迴圈：v-for

<select id="Cid" v-model="fromData.Cid">
           <option v-for="(item,index) in selectitem" :value="item.Cid">{{item.Cname}}</option>
​
         </select>

需要一個div，把所有的內容都寫在div中，

顯示：

在寫地址時，查詢

在tbody中迴圈和強型別類似

<tbody>
       <tr v-for="(item,index) in list">
         <td><input type="checkbox" :value="item.ID" v-model="cbk" /></td>
         <td>{{item.Name}}</td>
         <td>{{item.Sex==true?"男":"女"}}</td>
         <td>{{item.Age}}</td>
         <td>{{item.Cname}}</td>
         <td>{{item.Hobby}}</td>
         <td><a href="#" v-on:click="edit(item.ID)">編輯</a>  <a>刪除</a></td>
       </tr>
     </tbody>
 

修改：

需要獲取傳過來的id，根據id來查詢要修改的資料，使用鉤子函式進行顯示，v-model可以讓資料顯示在標籤上，最後進行修改