Vue爬坑： 除了可以在data里面封装参数时，也可以在你定义的方法里面封装。

当你的vue项目中的 data里面写有大量的变量时，为了减少失误，可以在你定义的方法里面封装参数，从而把他传给后台。因为后台需要的参数基本都是需要封装好的。

<template>
    <div class="login">
        <h1>登录页面</h1>
        <input type="text" placeholder="请输入用户名" v-model="Username">
        <input type="password" placeholder="请输入密码" v-model="Password">
        <input type="button" value="登录" @click="toLogin">
    </div>
</template>

<script>
import {userLogin} from "../../api/index"

export default {
  name: 'app',
  data() {
    return {
      Username: "",
      Password: ""
    }
  },
  methods: {
    toLogin() {
        let params = {
            username: this.Username,
            password: this.Password
        };

        userLogin(params).then(res => {
            if(res.code === 200) {
                this.$router.push("/home")
            }
        })
    }
  }
}
</script>