pp电子

登录
免费开通

微信小程序Component结构器,指定小程序组件的属性、数据、要领

 
 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         否              组件间关系界说,,,, ,,拜见 组件间关系

  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字段相互间都不可冲突(只管它们位于差别的界说段中)。。。。。


【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿,,,, ,,由于未联系到知识产权人或未发明有关知识产权的挂号,,,, ,,若有知识产权人并不肯意我们使用,,,, ,,若是有侵权请连忙联系。。。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,,,, ,,仅系客观性形貌,,,, ,,如您需要相识该类商品/服务详细的资讯,,,, ,,请您直接与该类商品/服务的提供者联系。。。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,, ,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。

KESION 一直通过手艺立异,,,, ,,提供产品和服务,,,, ,,助力企业向数字化转型,,,, ,,通过科技驱动商业刷新,,,, ,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



热门标签
微信小程序 SaaS
上/下篇
  • 微信小程序开发工具推荐,微信小程序开发工具使用

  • 公众号模板新闻小程序,公众号新闻跳转小程序

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序Component结构器,指定小程序组件的属性、数