3分钟迅速学会Vue中methods方法使用技巧

<script>
    //创建vue对象
    new Vue({
       el: "#app",//将id=app的div的管理权交给Vue
       
       methods:{//在此处声明所有的方法
           方法名1(){//点击对应按钮后执行
              
           },
 
           方法名2() {
              
           }
       }
    });
</script>

  <div class="row">
     <div class="col-md-4 col-md-offset-4" style="margin-top: 20px;text-align: center;">
      //该处调用了doAdd方法
     <button class="btn btn-primary" style="margin-right: 8px;"@click="doAdd">添加</button>
     <button class="btn btn-default">重置</button>
     </div>
</div>

 methods : {
         //这里面定义了一个doAdd的方法.
         doAdd(){
               var url = "user_adduser_name="+this.userName+"&nick_name="+this.nickName+"&sex="+this.sex
                    +"&phone="+this.phone+"&birth="+this.birth;
               console.log(url);
               //通过axios发送请求
                axios.get(url).then(response =>{
                    console.log(response.data);
                    if (response.data == 'true'||response.data == true) {
                        window.location.href = 'user_list.html';
                    }else {
                        alert("添加用户失败!");
                    }
                });
            }
        }