axios

methods: {
    getList: function() {
      // eslint-disable-next-line no-undef
      axios({
        method: "get",
        url: "http://www.huanyueyue.cn"
      })
        .then(function(res) {
          console.log(res);
          this.lists = res.data.result;
        })
        .catch(function(error) {
          console.log(error);
        });
    }
  }

这个最终页面数据渲染不出来是因为this指向的问题。
修正：

 axios({
        method: "get",
        url: "http://www.huanyueyue.cn"
      })
        .then(res=>{   //请求成功，改成箭头函数
          console.log(res);
          this.lists = res.data.result;
        })
        .catch(function(error) {
          console.log(error);
        });
    }

这是因为箭头函数的指向是定义时候的this，而不是对应执行时候的this的指向，箭头函数的指向和普通函数是不一样的。