微信小程序 -- 自定义组件component并引入。

目前做的小程序项目，根据不同的登录角色，页面显示也有所不同，在wxml页面用了一堆的wx:if来控制显示，最终代码看起来很繁杂。所以就打算组件化，把相同部分封装起来。

先简单写一下吧。

配置

1. 在app.json进行配置

在usingComponents里进行配置，自定义组件名：路径

"usingComponents": {
    "lawheader": "./pages/task/pages/component/task_lawHeader/task_lawHeader"
  },

2. 在自定义组件的json进行配置

添加多一行"component":true

{
  "component":true,
  "usingComponents": {}
}

使用

在wxml中引入：

<view>
  <lawheader></lawheader>
</view>

注意，看如下警告，在自定义组件的样式中，一些选择器是不能使用的，如标签选择器、id选择器、属性选择器。