数组显示 超出三个隐藏

假设数组对象的数据格式为：

resArr=[
  {
    "id": "1",
    "Name": "猪八戒",
  },
   {
    "id": "2",
    "Name": "孙悟空",
  },
   {
    "id": "3",
    "Name": "白骨精",
  },
    {
    "id": "4",
    "Name": "沙僧",
  },
]

页面应用

<div v-for='(item,index ) in resArr' :key='index>
	<text v-if='index<3'>{{item.Name}}</text>
</div>
<div v-if='resArr.length>3'>
	<text >...</text>
</div>