在编程阶段，会遇到有些页面的某一区域的布局或数据显示类似；那么我们就可以复用这一段代码；在使用原生JS编程时，我们习惯是将代码抽出来自成一个文件，需要时引入即可。而在vue中也存在这样一个模块，可以简便的将可复用的代码抽成一个模块，这个就是组件。
在很多人看来，组件是vue.js最强大的功能之一，组件是一个自定义元素或可以称为一个模块，包含了需要的模板（html）、逻辑（js）和样式（css）；也就是说是一个包含了html，JS，css的模块；它有全局和局部之分。
先看一个简单的例子：
页面显示：
全局组件：
