vue中的组件实现

什么是组件？

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。

组件和模块化的区别？

组件和模块化，例如require.js都可以实现分离开发，但组件中包含页面template模板内容，和script脚本，style样式，是一个整体的功能，导入组件即可使用。但模块化只是对js的模块化管理。

组件同样分为全局组件和局部组件：

全局组件

• 全局组件同vm实例内一样，可以定义自定义指令、方法、和过滤器；

• 其中data需要是一个函数形式，将数据结果return返回；

示例：
    
    
         
      
    

局部组件

示例：

使用extend方法创建组件

示例：