1.4 KiB
1.4 KiB
自定义组件
关于自定义组件：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/
在使用自定义组件的时候，首先需要注意版本问题，基础库要大于等于 1.6.3
在使用自定义组件的时候，一般单独拿一个目录来存放自定义组件，一般是 components
页面中在使用自定义组件时，需要在在 json 文件中进行一个配置，例如：
{
"usingComponents": {
"item" : "/components/item/item"
}
}
不同于页面对应的 JS 文件中的 Page 构造器，在自定义组件中，对应的 JS 文件的构造器为 Component
- properties：在使用自定义组件时，父组件传入的属性
- data：表示该自定义组件自身的数据
- methods：书写对应的事件处理函数
- options: 关于自定义组件的选项配置，例如我们要使用多插槽的时候，就需要配置 multipleSlots 为 true
- externalClasses：用于指定外部传入的样式类
从开发者工具 1.02.1810190 及以上版本开始，可以在 app.json 中使用 usingComponents 来注册组件，在 app.json 中所注册的组件被视为全局组件，各个页面，以及其他自定义组件中都可以使用。
在设计自定义组件的时候，是可以添加插槽，插槽的用法和 Vue 是非常类似的。
并且和 Vue 中的插槽一样，可以设置具名插槽