最近一直在學Vue,這次做了一個簡單的在線學生信息錄入系統來鞏固一下所學知識。
因為主要是鞏固Vue的知識,所以數據也沒放數據庫,也沒用JavaBean或者Servlet,直接寫死到表單裡了。
具體頁面是這樣的:
先羅列一下其中用到的Vue的知識點:
①v-for指令的使用
②v-model指令的使用
③v-on/@click指令的使用
再提一下可能會用到的知識點:
①Javascript中對數組頭添元素的unshift()方法
②Javascript中對數組刪除元素的splice()刪除方法
上一下代碼,大家結合上面我羅列的知識點,就能很容易看懂它:
學生錄入系統姓名: 年齡: 性別: 男女電話: 創建新用戶姓名性別年齡電話刪除{{i.name}}{{i.sex}}{{i.age}}{{i.phone}}刪除
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家
[ljg58026 ] vue實現在線學生錄入系統已經有250次圍觀