自定义组件

什么是组件

组件（component）就是零件，将零件组装成想要的工具（页面）。

组件是Vue.js最强大的功能之一，它可以扩展HTML元素，封装可重用的代码，通过传入对象的不同，实现组件的复用。

使用组件的好处

• 组件是可以复用性的
• 易于维护
• 有封装性，易于使用
• 大型项目中降低组件之间重复性

全局组件

全局组件：在任何地方，任何方式，任何地点都可以使用的标签组件。

    Vue.component("vue-hesder", {
    	// h1标签是我们在自定义主键里面写的参数的标签
    	template: '<h1>标题</h1>'
    })
    new Vue({
    	el: '#main'
    });
    new Vue({
    	el: '#main2'
    });
    new Vue({
    	el: '#main3'
    });

局部组件

局部组件：只是在我们规定的范围之内才会生效。

    new Vue({
    	el: '#main',
    	components: {
    		"vue-hesder": {
    		template: '<h1>标题{
  {vue}}</h1>'
    		}
    	}
    })