小程序(三)—— modal组件封装

Component构造器

Component构造器可用于定义组件,调用Component构造器时可以指定组件的属性、数据、方法等。

定义段 类型 是否必填 描述
properties Object Map 否 组件的对外属性,是属性名到属性设置的映射表,属性设置中可包含三个字段, type 表示属性类型、 value 表示属性初始值、 observer表示属性值被更改时的响应函数
data Object 否 组件的内部数据,和 properties 一同用于组件的模版渲染
methods Object 否 组件的方法,包括事件响应函数和任意的自定义方法,关于事件响应函数的使用,参见 组件事件
behaviors String Array 否 类似于mixins和traits的组件间代码复用机制,参见 behaviors
created Function 否 组件生命周期函数,在组件实例进入页面节点树时执行,注意此时不能调用 setData
attached Function 否 组件生命周期函数,在组件实例进入页面节点树时执行
ready Function 否 组件生命周期函数,在组件布局完成后执行,此时可以获取节点信息(使用 SelectorQuery )
moved Function 否 组件生命周期函数,在组件实例被移动到节点树另一个位置时执行
detached Function 否 组件生命周期函数,在组件实例被从页面节点树移除时执行
relations Object 否 组件间关系定义,参见 组件间关系
externalClasses String Array 否 组件接受的外部样式类,参见 外部样式类
options Object Map 否 一些组件选项,请参见文档其他部分的说明

Tips:

  • Component 构造器构造的组件也可以作为页面使用。

  • 使用 this.data 可以获取内部数据和属性值,但不要直接修改它们,应使用 setData 修改。

  • 生命周期函数无法在组件方法中通过 this 访问到。

  • 属性名应避免以 data 开头,即不要命名成 dataXyz 这样的形式,因为在 WXML 中, data-xyz="" 会被作为节点 dataset 来处理,而不是组件属性。

  • 在一个组件的定义和使用时,组件的属性名和data字段相互间都不能冲突(尽管它们位于不同的定义段中)。

component介绍完后就是最为关键的js了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容