Vue.js 1.0 组件自定义排序

问题描述

问 题

RT，现有如下需求：

<div>
    <components-a></components-a>
    <components-b></components-b>
    <components-c></components-c>
    <components-d></components-d>
    <components-e></components-e>
</div>

现在a b c d e 五个组件要根据自定义的顺序来排列，但是现在顺序每次都不同，所以模块的顺序也确定不下来。请问在Vue.js1.0中如何妥当地处理这个需求？

解决方案

我的思路大概是这样，使用动态组件的特征：
<component :is="item" v-for="item in items"></component>

items就是要排序的组件的一个数组。

这是我用jsFiddle写的一个demo。

这篇关于Vue.js 1.0 组件自定义排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！