Vue实现一个简单在线学生录入系统

最近一直在学Vue，这次做了一个简单的在线学生信息录入系统来巩固一下所学知识。

因为主要是巩固Vue的知识，所以数据也没放数据库，也没用JavaBean或者Servlet，直接写死到表单里了。

具体页面是这样的:

先罗列一下其中用到的Vue的知识点:

①v-for指令的使用

②v-model指令的使用

③v-on/@click指令的使用

再提一下可能会用到的知识点:

①JavaScript中对数组头添元素的unshift()方法

②JavaScript中对数组删除元素的splice()删除方法

 

上一下代码，大家结合上面我罗列的知识点，就能很容易看懂它:

    
    
    



    
    

        
学生录入系统
        

            
姓名:
                
                
            
            
年龄:
                
            
            

                性别:
                
                    男
                    女
                
            
            

                电话:
                
            
        
        创建新用户
    
    
    

        

        

            
姓名
            
性别
            
年龄
            
电话
            
删除
        
        
        

        

            
{{i.name}}
            
{{i.sex}}
            
{{i.age}}
            
{{i.phone}}
            

                删除