模块与组件、模块化与组件化

模块

1.理解向外提供特定功能的js程序，一般就是一个js文件
2.为什么：js文件很多很复杂
3.作用：复用js，简化js的编写，提高js运行效率

组件

1.理解：用来实现局部（特定）功能效果的代码集合 （html/js/css/image……）
2.为什么：一个界面的功能很复杂
3.作用：复用编码，简化项目编码，提高运行效率

模块化

当应用中的js都以模块来编写的，那这个应用就是一个模块化 的应用。

组件化

当应用中的功能都是多组件的方式来编写的，那这个应用就是一个组件化的应用。

Vue中使用组件的三大步骤：

        一、定义组件（创建组件）
        二、注册组件
        三、使用组件（写组件标签）
1
2
3

一、如何顶一个组件？

        使用Vue.extend(options)创建，其中options和new Vue(options)时传入的options几乎一样，但也有区别;
        区别如下：
            1.el不要写，为什么？ ———— 最终所有组件都要经过一个vm的管理，由vm中的el决定服务哪个容器。
            2.data必须写成函数，为什么？ ———— 避免组件被服用时，数据存在引用关系。
        备注： 使用template可以配置组件结构。
1
2
3
4
5

二、如何注册组件？

            1.局部组件： 靠new Vue的时候传入components选项
            2.全局组件： 靠Vue.component('组件名',组件)
1
2

三、编写组件标签：

          
1