微信小程序 自定义组件

1.在项目里面建立 component

2. 使用自定义组件前 在页面的json 文件里面引用

此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径：

{
  "usingComponents": {
	// 在父模板中调用的标签名    组件的路径
    "component-like":"/components/btn/like"
  }
}

 

 

 

 

2.父子组件通信

父组件向子组件通信

小程序中，父组件是通过 属性的方法和子组件通信 properties

父组件中自定义一个属性

 

 子组件中的js中申明，父组件中的属性名称和类型

 在自定义组件中wxml中使用接收到的信息

 

 

子组件向父组件通信

小程序使用 自定义事件来实现

组件的wxml中

 在组件js中自定义一个事件

在父组件中使用自定义事件