<div id="app">
        {{message}}

           <l-chj></l-chj>
       <g-chj></g-chj>


    </div>
    <script type="text/javascript">
    Vue.component('g-chj', {
        tempalte: `<p> 這個(gè)是全局組件模板</p> `
    })
    var app = new Vue({
        el: "#app",
        data: {
            message: 'hello world!'
        },
        //創(chuàng)建一個(gè) 全局 組件
        //這里是負(fù)數(shù)，因?yàn)榭梢詣?chuàng)建多個(gè)組件
        components: {
            'l-chj': {
                template: `<p>這個(gè)是局部組件模板</p>`
            }
        }
    })
    </script>

無(wú)論l-chj和g-chj的前后順序是什么樣的。都是只渲染局部組件
控制套報(bào)錯(cuò)：

Failed to mount component: template or render function not defined.
那就是全局組件的鍋了，所以，這個(gè)問(wèn)題到底何解？度娘谷歌的答案都和其他比如webpack等相關(guān)