小程序学习之自定义组件

组件的组成。

组件的组成和正常的小程序页面一样，由wxml，wxss，json，js文件四部分组成。wxml负责页面的构建，wxss负责样式，json负责页面的配置。js负责页面的逻辑。

如何创建一个自定义组件

  1. 在json中建一个Objec，将字段component设置为true。
  2. 在wxml写入组件基本架构页面，和正常的wxml页面样式一样。
  3. 在wxss中写入组件样式，和普通页面中的样式一样。
  4. Js文件中写入逻辑代码。注意，这里和普通页面不同，有自己独立的生命周期和构造器Component({}),详细情况请看组件构造器详细文档

    如何使用组件

    使用组件的话，需要在页面的json文件中的usingComponents声明使用。如下：
    1
    2
    3
    4
    5
    {
      "usingComponents": {
        "component-tag-name": "path/to/the/custom/component"
      }
    }
    然后，就可以像正常组件一样被使用了。

    使用组件时的一些注意细节

  5. 自定义组件的的标签名只能包含小写字母，中划线，下划线的组合。记住，没有大写字母哦。
  6. 自定义组件之间也是可以互相引用的，和正常页面引用组件是一样的哦。
  7. 自定义组件和页面所在根目录不能用wx开头。
  8. 使用useComponents时页面原型与不使用是不一样的。
  9. 当页面中有了useComponents方法时，页面原型方法会增多。增了那些？我后面补上。
  10. 为了性能，使用useComponents时，setData()方法不会被深复制。