微信小程序自定义组件 组件通讯 （1）

​​​​​​平时我们接触过vue的组件化开发 组件调用 组件通讯 微信小程序的跟vue意义上是相同的

接下来我们开始我们创建一个公共组件：

1.首先创先组件目录

2.component目录中创建公共组件

 

3.注册组件

header.json文件里我们要配置{"component": true}每一个公共组件都要在component中注册

{ 
    "component": true 
}

4.组件挂载

在父组件的json文件里引入header路径

{
  "usingComponents": {
    "header": "/components/header/header"
  }
}

下一步直接调用header组件

<!-- index调用header子组件 -->
 <header></header>

步骤很简单,下一篇继续介绍组件通讯

 

喜欢上方小程序,需要源码的,私信关注小编留下邮箱。