Vue界面交互 - 按钮buttn.click函数使用

<template>
  <div id="app">
    <h1>{{msg}}</h1>
    <div id="test">
      <p>学习案例1：</p>
      <span>通过Axios调用Api接口返回数据：</span>
      <div>
        Code: {{code}}<br>
        Name: {{name}}
      </div>
    </div>
    <div>
      <p>学习案例2：</p>
      <p>{{userName}}</p>
      <button @click="changeName">点我改名</button>
    </div>
  </div>
</template>

methods: {
    loadData() {
      var _T = this;
      this.axios
        .post("/api/get.aspx")
        .then(function (res) {
          _T.code = res.data.code;
          _T.name = res.data.name;
        })
        .catch(function (res) {
          console.log(res);
        });
    },
    //click事件绑定的方法
    changeName() {
      this.userName = "WWW.CSCODE.NET | 开发框架文库";
    },
  }