vue项目实现局部刷新

在前端项目中用到了点赞，收藏的控件。但每次更新数据都要更新整个页面，造成用户体验不好。
于是，我打算将其改成局部刷新。

  async upup() {
      const _this = this;

      let formdata = new FormData();
      formdata.append("aid", _this.$route.query.aid);
      formdata.append("uid", sessionStorage.getItem("uid"));
      formdata.append("opt", 0);
      await axios.post("/pcOption", formdata).then(function (res) {
      
        console.log(res.data.msg);
      });
      axios.get("http://47.107.40.143:8080/getDigital", {
          params: { aid: this.aid },
        })
        .then(function (resp) {
          _this.upnum = resp.data.data.praiseNum;
          _this.shoucang = resp.data.data.collectNum;
          console.log(resp.data.data);
          console.log("查的数据为" + _this.upnum);
        });
    }

第一个post请求是点赞，它将会把点赞数增加1.
第二个get请求是获取点赞数据。await关键字会等待post请求执行完再执行get请求。