在小程序中:
App()根组件
Page()页面级的组件
Component()功能项组件 需要在对应的JSON 中 有一个 配置项 "component":true
使用功能组件的流程:
1- 创造组件 先创造一个对应的文件夹 然后右键 新建Component 这样会一次生成4个对应的文件
2- 想在哪里使用 就需要在哪里注册;
注册是在 对应的JSON的 usingComponents:{自定义组件名:‘对应的组件路径’}
3- 注册完成之后 就可以在当前组建的模板(wxml)中使用 <自定义组件名></自定义组件名>
4- 父传子: 跟vue 一样; <自定义组件名 自定义属性名= '值'></自定义组件名>
子组件 通过 properties:{自定义属性名:{type:数据类型,value:默认值}}
子传父: <自定义组件名 bind自定义事件名= '函数名'></自定义组件名>
子组件 通过 this.triggerEvent(自定义事件名,{参数})
<!-- binktap 类似于vue@click -->
<!-- catchtap 默认会阻止冒泡传播 -->