vue组件在页面中使用单标签加载问题

vue定义全局组件后，在页面中使用单标签加载不出来后面的标签，本来以为是组件加载不出来，但是正常的标签也加载不出来


```html
html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <div id="app">
        
        
        <test1 />
        <div>11div>
    div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
    <script>
        Vue.component('test1',{
            data(){
                return {

                }
            },
            template:`
                
组件1

            `
        })
        Vue.component('test2',{
            data(){
                return {
                    
                }
            },
            template:`
                
组件2

            `
        })
        new Vue({
            el:"#app",
            data:{

            },
            methods: {
                
            },
        })
    script>
body>
html>

```

template中要写标签，不能直接展示文字

img

template加个根元素试试

<div id="app">
    
    
    <test1 />
    <div>11div>
div>

这里div都没闭合箭头

这篇文章：vue页面加载过慢解决 也许能够解决你的问题，你可以看下