vue遍历渲染Object对象导致死循环

最近遍历object遇到了死循环，控制台也没报错，页面一直卡死：
<template>

<ul class="count-list">
  <li v-for="(val,key) in countList" :key="key">{{val.name}}</li>
</ul>

<script>

countList: {
  one: {name: 'One'},
  two: {name: 'Two'},
  three: {name: 'Three'}
}

后来改成遍历数组，修好了：
<template>

<ul class="count-list">
  <li v-for="(key) in Object.keys(countList)" :key="key">{{countList[key].name}}</li>
</ul>