如何在vue.js中多次绑定同一个模板？

Question

提交页面表单会导致对后端服务的ajax调用，该服务返回一个json对象。该对象绑定到vue.js模板（具有特定id的div）。 Everythiong在第一次提交时按预期工作。但是，视图不会在以下任何表单提交时更新（它仍显示第一次提交的数据）。

<div id="Response"></div>

$('#Form').submit(function (e) {
    e.preventDefault();
    var $form = $(e.target);
    $.ajax({
        url: 'https://somewhere,
        type: 'POST',
        data: $form.serialize(),
        dataType: 'json',
        success: function(response) {
            if (response) {
                var app = new Vue({
                    el: '#Response',
                    data: response
                });
            }
        }
    });
});

如何正确地执行此操作，以便每次提交表单时，视图都会根据上次响应进行适当更新？

Answer 1

现在，您正在为每个响应创建一个新的vue实例。您需要先安装vue实例，然后使用响应更新其中的数据。