在外部Ajax调用后更新Vue

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

var app = new Vue({
  el: '#app',
  data: {
    message: ''
  },
  methods: {
    fetchData: function() {
      axios.get('https://example.com/api/data')
        .then(function(response) {
          this.message = response.data;
        }.bind(this))
        .catch(function(error) {
          console.log(error);
        });
    }
  }
});

<div id="app">
  <p>{{ message }}</p>
  <button @click="fetchData">Fetch Data</button>
</div>