组件化开发

一、组件化开发

1、定义子组件

app.json中配置多一条路径：

```json

 "pages":[

    "pages/home/home",

    "pages/index/index",

    "pages/logs/logs",

    "components/comp1/comp1"

  ],

```

comp1.js中：

```js

Component({

   

})

```

comp1.json中：

```json

{

  "usingComponents": {},

  "component":true

}

```

2、调用子组件

来到需要调用这个子组件的页面home.json中注册组件：

```json

{

  "usingComponents": {

    "my-comp1":"/components/comp1/comp1"

  }

}

```

home.wxml中就可以使用组件了：

```html

<my-comp1></my-comp1>

```