美文网首页
小程序自定义组件的使用

小程序自定义组件的使用

作者: 码码虎呼 | 来源:发表于2018-10-19 14:27 被阅读0次

使用小程序的自定义组件 类似于 vue的组件开发 

新建目录→新建组件

编辑器会自动生成 组件的 wxml wxss js json 文件  

其中JS 文件中的结构和页面的不同

组件 json 文件中 需要开启组件的开关 告诉程序这是组件

{ "component": true}

页面(引入组件的页面)json 中添加组件配置

{

    "usingComponents": { "component-tag-name": "path/to/the/custom/component" }

}

在页面wxml文件中使用组件 

<component-tag-name></component-tag-name>

组件的 生命周期

created 组件实例化,但节点树还未导入,因此这时不能用setData

attached 节点树完成,可以用setData渲染节点,但无法操作节点

ready 组件布局完成,这时可以获取节点信息,也可以操作节点

moved 组件实例被移动到树的另一个位置

detached 组件实例从节点树中移除    

相关文章

  • 微信小程序-自定义组件

    一、自定义组件介绍 微信小程序提供了自定义组件扩展机制,允许我们使用自定义组件的方式来构建页面。 自定义组件可以使...

  • 小程序的自定义组件

    小程序允许我们使用自定义组件的方式来构建页面。 自定义组件 1. 创建自定义组件 类似于页面,一个自定义组件由 j...

  • 微信小程序自定义组件传值问题

    微信小程序自定义组件传值问题 自定义组件 · 小程序 父组件(引用组件的页面模板)页面 子组件页面 表示父组件页面...

  • 微信小程序自定义标签组件component封装、组件生命周期,组

    微信小程序自定义标签组件component封装、组件生命周期,组件通信 本文来说下小程序的自定义标签组件封装。相比...

  • 微信小程序(三)

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • wx小程序三

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • VX小程序三

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • 微信小程序自定义组件实践

    目的 从小程序基础库版本1.6.3开始,小程序支持了简洁的组件化编程。通过编写一个自定义组件来学习小程序自定义组件...

  • 微信小程序05:wxParse组件,简单用法(html转换)

    资料 微信小程序使用wxParse解析html github:wxParse-微信小程序富文本解析自定义组件,支持...

  • mpvue框架

    【最近更新】mpvue入门系列教程: 如何在mpvue中正确的引用小程序的原生自定义组件 使用mpvue开发小程序...

网友评论

      本文标题:小程序自定义组件的使用

      本文链接:https://www.haomeiwen.com/subject/vrdyzftx.html