component组件是Vue学习的重点、重点、重点，重要的事情说三遍。所以你必须学好Vue component。其实组件就是制作自定义的标签，这些标签在HTML中是没有的。比如：<diy></diy>，那我们就开始学习这种技巧吧。
html
<div id="app">
<!-- 注册一个全局逐渐 -->
<register></register>
</div>
js
Vue.component(‘register‘,{ template:"<h2>{{message}}</h2>", data:function(){ return{ message:"component注册的全局组件" } } }) var vm = new Vue({ el:"#app", data:{ } })
html
<div id="app">
<!-- 注册一个全局逐渐 -->
<register></register>
</div>
js
var demoTmp ={ template:`<h2>{{message}}</h2>`, data:function(){ return{ message:"内部组件components" } } } var vm = new Vue({ el:"#app", data:{ }, components:{ ‘register‘:demoTmp } })
原文：http://www.cnblogs.com/model-zachary/p/6941003.html