How to import vue single file components

problem description

I want to import a table in element-ui, but it is a single file component. How should I import it into my Index page

the environmental background of the problems and what methods you have tried

related codes

<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:"-sharpapp",
            router:luyou ,          
        })
Jan.22,2022
Menu