把模板代码放在component的template里，不好排版，看着难受。。。。。
可以把代码用template标签单独拎出来。
步骤
1.注册组件
2.实例化组件（用id关联）
局部组件：
全局组件：
Vue.component('ton',{ template:'#myone'})3.在能用的实例下使用：
div id="app"> <ton></ton></div>全部代码：
<body><div id="app"> <ton></ton></div><template id="myone"> <h1>哈哈哈</h1></template></body><script> Vue.component('ton',{ template:'#myone' }) new Vue({ el:"#app" });</script>运行结果：哈哈哈
注意：template标签只能有一个根元素。
和template不一样地方就是加个type=“text/template”
<body><div id="app"> <ton></ton></div><script type="text/template" id="myone"> <h1>哈哈哈</h1></script></body><script> Vue.component('ton',{ template:'#myone' }) new Vue({ el:"#app" });</script>注意：使用script标签时，type指定为text/x-template，意在告诉浏览器这不是一段js脚本，浏览器在解析HTML文档时会忽略script标签内定义的内容。
建议使用template。