vue单文件组件如何导入

Question

问题描述

我想导入element-ui里的一个表格，但是它是一个单文件组件，我应该怎么导入到我的Index页面呢

问题出现的环境背景及自己尝试过哪些方法

相关代码

<el-main>
      <!-- 路由视图 -->
      <router-view></router-view>
</el-main>

<script>
      // 报价分页  
        import  ding  from "./component/Dingdan.vue";

        var dingdan = {
            template:"<div>订单</div>"//我想把element-ui表格放在这里
        };
        
     
        var luyou = new VueRouter({
            routes : [
                {name:"dingdan", path: '/dingdan', component: dingdan },
                {name:"baojia", path: '/baojia', component: baojia},              
        })
        new Vue({
            el:"#app",
            router:luyou ,          
        })