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 否 组件间关系界说,,,,,,拜见 组件间关系
options Object Map 否 一些组件选项,,,,,,请拜见文档其他部分的说明
天生的组件实例可以在组件的要领、生命周期函数和属性 observer 中通过 this 会见。。。。。组件包括一些通用属性和要领。。。。。
属性名 类型 形貌
is String 组件的文件路径
id String 节点id
dataset String 节点dataset
data Object 组件数据,,,,,,包括内部数据和属性值
要领名 参数 形貌
setData Object newData 设置data并执行视图层渲染
hasBehavior Object behavior 检查组件是否具有 behavior (检查时会递归检查被直接或间接引入的所有behavior)
triggerEvent String name,
Object detail,
Object options 触发事务,,,,,,拜见 组件事务
create SelectorQuery 建设一个 SelectorQuery 工具,,,,,,选择器选取规模为这个组件实例内
selectComponent String selector 使用选择器选择组件实例节点,,,,,,返回匹配到的第一个组件实例工具
selectAllComponents String selector使用选择器选择组件实例节点,,,,,,返回匹配到的所有组件实例工具组成的数组
getRelationNodesString relationKey 获取所有这个关系对应的所有关联节点,,,,,,拜见 组件间关系
代码示例:
Component({
behaviors: [],
properties: {
myProperty: { // 属性名
type: String, // 类型(必填),,,,,,现在接受的类型包括:String, Number, Boolean, Object, Array, null(体现恣意类型)
value: '' // 属性初始值(可选),,,,,,若是未指定章会凭证类型选择一个
observer: function(newVal, oldVal){} // 属性被改变时执行的函数(可选),,,,,,也可以写成在methods段中界说的要领名字符串
},
myProperty2: String // 简化的界说方式
},
data: {}, // 私有数据,,,,,,可用于模版渲染
// 生命周期函数,,,,,,可以为函数,,,,,,或一个在methods段中界说的要领名
attached: function(){},
moved: function(){},
detached: function(){},
methods: {
onMyButtonTap: function(){
this.setData({
// 更新属性和数据的要领与更新页面数据的要领类似
})
},
_myPrivateMethod: function(){
// 内部要领建议以下划线开头
this.replaceDataOnPath(['A', 0, 'B'], 'myPrivateData') // 这里将 data.A[0].B 设为 'myPrivateData'
this.applyDataUpdates()
}
}
})
注重:在 properties 界说段中,,,,,,属性名接纳驼峰写法(propertyName);在 wxml 中,,,,,,指定属性值时则对应使用连字符写法(component-tag-name property-name="attr value"),,,,,,应用于数据绑准时接纳驼峰写法(attr="{{propertyName}}")。。。。。
Tips:
Component 结构器结构的组件也可以作为页面使用。。。。。
使用 this.data 可以获取内部数据和属性值,,,,,,但不要直接修改它们,,,,,,应使用 setData 修改。。。。。
生命周期函数无法在组件要领中通过 this 会见到。。。。。
属性名不要命名成 dataXyz 这样的形式,,,,,,由于在 WXML 中,,,,,, data-xyz="" 会被作为节点 dataset 来处理,,,,,,而不是组件属性。。。。。
在一个组件的界说和使用时,,,,,,组件的属性名和data字段相互间都不可冲突(只管它们位于差别的界说段中)。。。。。
KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!
关于许多企业想要开发微信小程序首先需要相识微信小程序怎样开发,,,,,,学会怎样使用微信小程序开发工具。。。。。所谓工欲善其事,,,,,,必先利其器。。。。。 1、首先要下载微信官方的微信Web开发者工具...
1、公众号自界说菜单点击可翻开相关小程序 已认证的公众号,,,,,,可将已关联的小程序页面放置到自界说菜单中,,,,,,用户点击后可翻开该小程序页面。。。。。公众号运营者可在公众平台举行设置,,,,,,...