vue 解决遍历对象显示的顺序不对问题

一、情况说明：在wacth里面生成了一个日期字符串的的数组（如下图1），如果遍历这个数组生成一个以日期为key的Object，但是数组里面的元素顺序和Object的属性的顺序是不一样的，并且在vue模板中遍历这个Object并显示key，得到的是数组的元素顺序（如下图2）！

图1

图2

二、过程分析：问题出在了遍历数组得到对象上，这个时候的顺序变了

三、解决方法：先给数组排序，在遍历得到对象

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！