vue入门实战小案例

实现页面表单添加列表功能。

使用vue之前 先要引入vue.js

上代码：

    
    
    



    
    

        
学生录入系统
        

            姓名:
            
        
        

            年龄:
            
        
        

            性别:
            
                男
                女
            
        
        

            手机:
            
        
        创建新用户
    
    
    

        

        

            
姓名
            
性别
            
年龄
            
手机
            
删除
        
        
        

        

            
{
    {stu.name}}
            
{
    {stu.sex}}
            
{
    {stu.age}}
            
{
    {stu.phone}}
            

                删除
            
        
        
    

效果：

可以自由添加删除列表中元素。有错误请一定留言哦，看到一定回复哦。