小程序目前已经支持组件化开发,可以将页面种的功能模块抽取成自定义组件,以便在不同的页面种重复使用;也可以降复杂的页面拆分成多个低耦合的模块,有助于代码维护。 组件分类 公共组件:将页面内的功能模块抽取成自定义组件,以便在不同的页面种重复使用。 建议放在项目根目录的components文件夹中 页面组件:将复杂的页面拆分成多个低耦合的模块,有助于代码维护。 建议放在对应页面的目录中 建议一个组件一个文件夹 ① 先创建文件夹components ② 右键点击新建Component 输入名称 将会出现四个文件
注册组件分类 全局注册:在app.json文件中配置usingComponents进行注册,注册后可以在任意页面使用。 局部注册:在页面的json文件中配置usingComponents进行注册,注册后只能在当前页面使用 在usingComponents中进行注册时,需要提供 自定义组件的组件名(后续可以作为标签名使用)和自定义组件文件路径
注册时添加配置项
usingComponents:{
"costom-swiper":"./custom-swiper/custom-swiper"
}
自定义组件中涉及的数据和方法 需要在.js的Component方法中进行定义,Component创建自定义组件 1、data:定义组件的内部数据 2、methods:在组件中事件处理程序需要写到methods中才可以