ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

微信小程序如何快速创建自定义组件使用?

2021-04-12 20:58:48  阅读:132  来源: 互联网

标签:mycom 自定义 微信 文件夹 创建 组件 页面


一、微信小程序如何快速创建自定义组件

自定义组件:自己开发组件,然后再项目中多处复用,提高开发效率,这也是组件化的核心思想

快速创建一个组件的步骤:

1.创建自定义组件

​ 在微信小程序的界面创建一个新的文件夹components来放置自定义组件,然后新建一个文件夹,这里叫做mycom,右键点击新建的文件夹选择新建component,名字和文件夹也最好一致,和创建微信的小程序page页面差不多,页面也会有四个文件

在这里插入图片描述

这四个文件夹用来写你的自定义组件内容,和page页面相似

2.在需要的页面xxx.json或全局app.json配置文件中引入自定义组件
{
  "usingComponents": {
    "mycom":"/components/mycom/mycom"
  }
}
//xxx.json的引入的属性名就是在wxml页面上组件的标签名,可以自己定义。
3.将mycom显示到wxml视图上
<mycom />

这样就完成了简单的自定义组件创建和引用。

标签:mycom,自定义,微信,文件夹,创建,组件,页面
来源: https://blog.csdn.net/lb191258514/article/details/115640537

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有