一旦发生更改，刷新v-for循环内的数据而不进行硬刷新？

Question

我有一个显示包含数据库数据的表的组件。我的问题是，一旦新数据提交到此表，该组件不会在没有硬刷新的情况下更新。有没有办法强制这个组件重新渲染？

显示的列表

<p v-for="item in items" v-bind:class="{ active: item.active }">{{ item.text }}</p>

此组件向DB提交并发布数据，然后将用户返回到上面的列表组件。变化不会反映直到硬刷新。

<form action="#"  @submit.prevent="postOptimization">
<button type="submit" class="btn btn-danger">Save New Optimization</button>
// some data here to submit to DB
</form>

原始呈现的列表：http://imgur.com/GwxAKkW

提交新数据到列表后：http://imgur.com/yXkaHhk

更改后列出但未显示：http://imgur.com/tgXkmdX

硬刷新（正确显示）后：http://imgur.com/f6sYuKM