我正在使用 Vue.js 修改我的 DOM。在成功完成 AJAX 调用后，我正在触发fetch_data()尝试更新data.messages以读取“Love the Vue.JS”的方法。
AJAX 调用成功运行，并且确实data.message在此行中进行了更新：
self.message = 'Love the Vue.JS'
我可以看到它有效，因为它打印在控制台中。问题是 DOM 没有随着data.message. 当数据更新时，如何让它工作并更新 DOM？
self.message = 'Love the Vue.JS'
var app = new Vue({
delimiters: ['[[', ']]'],
el: '#app',
data: { message: 'Hello Vue.js!' },
methods: {
fetch_data: function() {
console.log('Running script for ajax...');
$("#retrieve_data_wait").text("Retrieving data. This will update when complete...");
$.ajax({
url: '/test_json',
dataType: 'json',
timeout: 60000,
success: function(data) {
$("#retrieve_data_wait").text(data.test);
self.message = 'Love the …