vue的axios模块全局引入和axios中post传参的应用

<template>
  <div>
    <input type="text" placeholder="请输入您的用户名" v-model="uname" />
    <br />
    <input
      @keyup.enter="login"
      type="password"
      placeholder="请输入您的密码"
      v-model="upwd"
    />
    <br />
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  data() {
    //点击按钮，同时拿到两个输入框的输入的值
    return {
      uname: '', //v-model双向捆绑
      upwd: ''
    }
  },
  /*全局引入有两个方法
    1.是直接在vue原型添加axios,但是这种方法vue不承认
    2.用npm i axios vue-axios来安装模块并引入
    */
  methods: {
    login() {
      console.log(this.uname, this.upwd)
      const url = 'http://www.codeboy.com:9999/data/user/login.php'
      const params = '`uname=${this.uname}&upwd=${this.upwd}`'
      this.axios.post(url, params).then((res) => {
        console.log(res)
      })
    },
    getData() {
      //this.axios.get().then((res)=>{
      //this.axios.get().then((res=>{}))
      //})
    }
  }
}
</script>

<style lang="scss" scoped>
</style>