参考：https://www.jianshu.com/p/332252abe016
方法一. script：
<div id="app">
<com-first></com-first>
</div>
<script type="text/x-template" id="comFirst">
<div>component 1</div>
</script>
<script>
Vue.component(‘com-first‘,{
template: ‘#comFirst‘
})
new Vue({
el: ‘#app‘
})
</script>
方法二. template:
<div id="app">
<com-first></com-first>
</div>
<template id="comFirst">
<div>component 1</div>
</template>
<script>
Vue.component(‘com-first‘,{
template: ‘#comFirst‘
})
new Vue({
el: ‘#app‘
})
</script>
js 使用script或template标签:分离js代码template中的HTML元素
原文：https://www.cnblogs.com/linjiangxian/p/11460886.html