编程语言
首页 > 编程语言> > 微信小程序如何快速创建自定义组件使用?

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

作者:互联网

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

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

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

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