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
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bc2ce3-3064c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bc2ce3-3064c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?