# 小程序组件

# 什么是组件

组件就是将一个功能进行封装，组件是视图层的基本组成单元，有自己独特的功能

# 组件的规范

结构
样式
逻辑
通信方式
生命周期
可组合（可以嵌套）
定义组件
调用组件（标签的形式）

# 组件的创建

1.小程序中组件由4个文件组成，.json .wxmll .wxss .js
2.创建组件实例需要通过Compoent(Object) 函数创建
3.创建组件需要在组件的json文件中定义  component:true 字段指定为一个组件
4.组件中的基础选项
    (1)Properties: 接受的数据
    (2)Data: 内部数据
    (3)Methods: 处理函数
5.使用组件
6.需要在对应的页面或者组件的json文件中定义 usingComponents: {} 选项
    usingComponets: {
        '名-称': '组件路径'    
    }
7.在页面中可以实用  <名-称/>
8.名称中不能出现大写字母，规则就是(字母_-)
9.组件的组合可以实用slot插槽来完成，和vue一样，只不过没有作用域插槽， 可以有命名插槽和默认插槽
10.组件的通信可以通过props传递参数(父子)， 自定义事件（子父）
    (1)父子 <my-component test=”ssss” />
    (2)子父 <my-component bindtest=”testFn” />  组件内部通过this.triggerEvent(‘test’, {detail:对象})