Vue.js 渲染主题后如何使用组件

假设我有一个数组（地图中的位置），我在其中循环：

<div class="row" v-for="place in places">
        <place :place="place" v-if="place.distance"></place>
</div>

在呈现组件后，我将返回页面。数组得到更新，所以我想在数组更新后重新排列页面中的组件。

---

有没有办法做到这一点，或者只是停止组件，直到阵列更新（我呼吁谷歌的地理定位），然后以正确的顺序（按位置之间的距离排序）

如前所述，你不需要为此做任何事情，vue包装了观察到的阵列的变异方法，因此它们也将触发视图更新，如前所述。包装方法包括：

• 推
• 流行音乐（）
• 移位（）
• 取消移位（）
• 拼接（）
• 排序（）
• 反向

您可以在这里看到正在工作的演示如何进行重新排列

示例JS代码：

Vue.component('comp2', {
  props: ['title'],
  template: '#comp2'
})

new Vue({
    el: '#app',
  data: {
    compArray: ['comp1', 'comp2', 'comp3']
  },
  methods: {
    resuffle: function() {
       this.compArray.splice(0,1)
       this.compArray.push(this.compArray[0])
    }
  },
})

相关HTML：

  <div v-for="comp in compArray">
      <comp2 :title="comp">
  </div>

---

如前所述，您不需要为此做任何事情，vue包装了观察到的阵列的变异方法，因此它们也将触发视图更新，如前所述。包装方法包括：

• 推
• 流行音乐（）
• 移位（）
• 取消移位（）
• 拼接（）
• 排序（）
• 反向

您可以在这里看到正在工作的演示如何进行重新排列

示例JS代码：

Vue.component('comp2', {
  props: ['title'],
  template: '#comp2'
})

new Vue({
    el: '#app',
  data: {
    compArray: ['comp1', 'comp2', 'comp3']
  },
  methods: {
    resuffle: function() {
       this.compArray.splice(0,1)
       this.compArray.push(this.compArray[0])
    }
  },
})

相关HTML：

  <div v-for="comp in compArray">
      <comp2 :title="comp">
  </div>

这应该能正常工作。如果没有，请显示更新阵列的方式。因此，如果我触发了任何可以改变阵列的函数，Vuejs将自动更新所有应能正常工作的内容。如果没有，请显示更新数组的方式。因此，如果我触发了任何可以改变数组的函数，Vuejs将自动更新所有内容？？