小编Pau*_*ulP的帖子

我有app.js文件,其中gmarkers是一个对象数组:

var vm = new Vue({
    el: '#lili',
    data: {
        listings: gmarkers
    }
});

在我的HTML文件中:

<div id="lili" >
    <div
        v-repeat="gmarker : listings" 
        class="listing listing-list col-sm-12" 
        style="height:50px;line-height:50px;"  
        data-cat="@{{gmarker.mycategory}}" 
        data-id="@{{gmarker.id}}"
    >
        <span style="color:black;">
            <a target="_blank" href="@{{gmarker.listlink}}">
                @{{ gmarker.listname }}
            </a>
        </span>
        <span class="tag blue-back" style="margin-left:5px;">
            <a target="_blank" href="@{{gmarker.catlink}}">
                @{{gmarker.listcat}}
            </a>
        </span>
        <span style="margin-left:20px;color:#bbb;">
            @{{gmarker.distance}}km
        </span>
    </div>
</div>

加载页面时,DOM正确加载,显示我正在寻找的列表,但是当(在js中的ajax调用之后)gmarkers对象发生更改时,DOM不会更改.

新的gmarkers完全是从头开始创建并包含新对象.

我错过了什么？