nvue list组件的渲染问题

问题已经解决，cell不能写样式，写了就会逐个渲染，建议官方写到文档里

太难了。。。这nvue好几年了还这样

报这种错误 Unknown custom element: <cell> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
这是我的代码
<template>
<view class="tabs">
<list class="scroll-v list"
scrollable='true'
enableBackToTop="true"
scroll-y
loadmoreoffset="15" >
<cell v-for="(newsitem,index2) in tabBars" :key="index2">
<view style="width:750rpx;height: 80rpx;background-color: aquamarine;padding: 10rpx;">{{newsitem.name}}</view>
</cell>
<cell class="loading-more" >
<text class="loading-more-text">fdfd</text>
</cell>
</list>
</view>
</template>

<script>
export default {
data () {
return {
dataList: [{id: "1", name: 'A'}, {id: "2", name: 'B'}, {id: "3", name: 'C'}],
tabBars: [{
name: '关注',
id: 'guanzhu'
}, {
name: '推荐',
id: 'tuijian'
}, {
name: '体育',
id: 'tiyu'
}, {
name: '热点',
id: 'redian'
}, {
name: '财经',
id: 'caijing'
}, {
name: '娱乐',
id: 'yule'
}, {
name: '军事',
id: 'junshi'
}, {
name: '历史',
id: 'lishi'
}, {
name: '本地',
id: 'bendi'
},{
name: '关注',
id: 'guanzhu'
}, {
name: '推荐',
id: 'tuijian'
}, {
name: '体育',
id: 'tiyu'
}, {
name: '热点',
id: 'redian'
}, {
name: '财经',
id: 'caijing'
}, {
name: '娱乐',
id: 'yule'
}, {
name: '军事',
id: 'junshi'
}, {
name: '历史',
id: 'lishi'
}, {
name: '本地',
id: 'bendi'
},{
name: '关注',
id: 'guanzhu'
}, {
name: '推荐',
id: 'tuijian'
}, {
name: '体育',
id: 'tiyu'
}, {
name: '热点',
id: 'redian'
}, {
name: '财经',
id: 'caijing'
}, {
name: '娱乐',
id: 'yule'
}, {
name: '军事',
id: 'junshi'
}, {
name: '历史',
id: 'lishi'
}, {
name: '本地',
id: 'bendi'
}],
}
}
}
</script>