在src的文件夹下配置一个App根组件

<template>
 <div>
<h1>测试App根组件</h1>
 </div>
</template>
<script>
 export default {
 name:'',
 data () {
 return {
 }
 },
 components: {
 }
 }
</script>

render

使用render函数将app根组件渲染到页面上去，去替换div.app里面的内容

render(h) {
        return h(App)
    },

在app中使用组件

1.先导入组件
2.注册组件
3.导入组件

<template>
 <div>
<h1>测试App根组件</h1>
<login></login>
 </div>
</template>
<script>
import login from "../components/Login.vue"
 export default {
 name:'',
 data () {
 return {
 }
 },
 components: {
   login
 }
 }
</script>