Part4

P62 组件的初步创建并自定义使用

一、创建组件

1. components->test文件夹
2. 在text文件夹:”新建Componet”

二、引用组件

1.局部引用:组件只能在当前被引用的页面内使用(调用频率低)

// 页面的JSON配置文件中
{
    "usingComponents":{
        "my-test":"组件路径"
    }
}

2.全局引用:组件可在每个小程序的页面使用(调用频率高)

// app.JSON配置文件中
{
    "usingComponents":{
        "my-test":"组件路径"
    }
}

三、组件与页面的区别

• 组件的json文件中需要声明 “component”:true 属性
• 组件的js文件中调用的是Component()函数
• 组件的事件处理函数要定义到methods节点(页面的事件处理函数定义到data平级的节点 )

P63 自定义组件的样式

一、组件样式隔离:

• 自定义组件的样式只会对当前组件生效,不影响组件外的UI
• app.wxss中的全局样式对组件无效

P64 自定义组件的data(数据)和methods(方法){位于js文件内}

• 数据:data内
• ##### 方法:methods内:

‍