【Vue】组件

1、组件化和模块化的不同
模块化：是从代码逻辑角度进行划分的 方便代码分层开发 保证每个功能模块的职能单一
组件化：是从UI界面的角度进行划分的 前端的组件化 方便UI组件的重用

什么是高内聚，低耦合：尽可能的将模块内部的联系降到最低 同时尽可能的提高模块内部的内聚度
全局定义4种方式：
第一、Vue.extend()配合Vue.componten()

component第一个参数是标签名，第二个extend()的变量名
第二、单用Vue.component()

第一个参数还是标签的名字，第二个参数是一个对象。对象中的是template变量
第三、通过id与模板建立连接（常用）
第一个参数：标签名
第二个参数：{template:id}对象


注意：在模板中只能有一个div，也就是说，只能在这个div的子级添加标签。而不能在平级添加其他标签
第四、通过id与script标签建立连接


script默认的type类型是javascript类型的，一般默认就是此类型，所以可以省略
当我们把type类型改成x-template类型就可以使用它下的标签了

私有定义
私有定义同样也是放在单独得el下，与data和methods同级
同样私有定义只能在id为当前得标签中使用，别得都无法使用