组件(Component)是Vue.js 最强大的功能之一。组件可以扩展HTML 元素,
封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:
全局组件
<div id="app">
<common_head></common_head> // 引入模板(名的标签)
</div>
<script>
Vue.component('common_head', // 构建一个全局的组件,名字是common_head(都小写)
{
template: '<b>头信息</b>' // 模板
});
new Vue({
el: '#app'
});
</script>
局部组件
<div id="app">
<common_head></common_head>
</div&