歡迎您光臨本站 註冊首頁

vue實現在線學生錄入系統

←手機掃碼閱讀     ljg58026 @ 2020-06-03 , reply:0

最近一直在學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次圍觀

http://coctec.com/docs/vue-js/show-post-236793.html