如何正确使用Vuex商店？

Question

因此，我目前面临有关如何在Vuex中存储数据的逻辑问题。

<ul>
    <li v-for="category in sub_categories" @click="setProductCategory(category);">
        <span v-bind:class="{active: category == product.category}"></span>
        <a>{{ category.name }}</a>
    </li>
</ul>
<p class="resultObject" v-if="product.category">
    <span class="active">{{ product.category.name }}</span>
</p>

category对象包含许多有关类别的数据，例如图标，标题，路径等，并且product对象将被发送到服务器，因此基本上只需要{{1} }属性。

所以我的问题是我应该将整个类别对象存储在Vuex中的产品中还是只存储category.id，然后再做一些额外的工作以显示类别名称？

Answer 1

这取决于您的情况，如果类别对象很大，然后重复同一类别记录以及产品。因此，最好将扁平结构的小物件保留在存储中。