创建vue组件过程中，无错误提示，却显示不出

在浏览器控制台，都没提示错误，但是页面中为什么显示不出

<body>
    <div id="app">
        <my-com></my-com>
    </div>



    <script>
        var Com1 = Vue.extend({
            template: '<div><h3>这是</h3></div>'
        })
        Vue.component("my-com", Com1)

        var vm = new Vue({
            el:'',
            data: {},
            methods: {},
        });
    </script>

</body>

vue实例的el要给dom元素啊

 <div id="app">
                <my-com></my-com>
            </div>
    <script>
          var Com1 = Vue.extend({
            template: '<div><h3>这是</h3></div>'
        })
        Vue.component("my-com", Com1)

        var vm = new Vue({
            el:'#app',
            data: {},
            methods: {},
        });

            vue实例时需要制定应用的dom元素的范围，因为有可能同一个页面中应用多个vue实例

设置 Vue 的 cinfog 即可：

// 默认抛出错误
// https://zhuanlan.zhihu.com/p/37447164
Vue.config.errorHandler = function(err, vm) {
  console.error(err)
}