求助！element-ui表格的数据不能展示在页面上

mainPage.vue文件：
...

...
main.js文件
...
// The Vue build version to load with the import command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
import qs from 'qs'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import mainPage from './components/mainPage'
import ElementUI from 'element-ui' //element-ui的全部组件
import 'element-ui/lib/theme-chalk/index.css'//element-ui的css

Vue.use(ElementUI) //使用elementUI
Vue.use(Antd)
Vue.prototype.$axios = axios

Vue.prototype.$qs = qs
Vue.config.productionTip = false

/* eslint-disable no-new /
/在js里面，new 一个对象，需要赋值给某个值（变量），用Vue实例化的时候，不需要赋值给值（变量），
所以要单独给配一条规则，给new Vue这行代码上面加这个注释，把这行代码规则的校验跳过，通过eslint-disable。/
new Vue({
el: '#app',
router,
components: { App,mainPage },
template: ''
})
/new Vue({
el: '#test',
router,
components: { test },
template: ''
})*/
new Vue({
el: '#mainPage',
router,
components: { mainPage },
template: ''
})

...
求助！webstorm环境下，element-ui表格的数据传入控制台了，但是就是不能展示在页面上？望解答，非常感谢！

屏幕截图 2021-01-22 232202.png