VueJS-Vue.set顺序

Question

首先，我是VueJS的一名新手，因此，如果我的问题完全是胡说八道，我想发表讲话。我有一个带有列表v-for的屏幕，该屏幕用于接收来自对象的数据。

我用这种方法保存数据：

const SET_MEALS = (state, data) => {
 data.meals.forEach(meal => {
   Vue.set(state.meals[data.id], meal.id, meal);
 });
};

视图上的列表：

<meal-card
  v-for="meal in visibleMeals"
  :key="meal.id"
  :meal="meal"
  :user="user"
  query="hide_cta=1"
>

问题是Vue.set不保留顺序，而是由meal.id在升序模式下重新排序。我尚未编写此代码，但找不到任何方法来保持原始顺序。