当前位置: 首页 > article >正文

微信小程序——自定义组件

自定义组件

  • 一、组件的创建
  • 二、组件的引用
    • 1、全局引用
    • 2、局部引用
  • 三、全局引用和局部引用

一、组件的创建

第一步:在项目的根目录下创建文件夹components。
在这里插入图片描述
第二步:在components文件夹下创建文件夹card。
在这里插入图片描述
第三步:选中文件夹card 右键 选中 新键Components文件名也为card
在这里插入图片描述
如下图所示,说明组件创建成功
在这里插入图片描述

二、组件的引用

1、全局引用

组件可以在每个小程序页面中使用

第一步:在组件card.wxml填充“我是自定义组件card”
在这里插入图片描述
第二步:在 app.json 全局配置文件中引用组件card
在这里插入图片描述
第三步:页面引入组件card
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、局部引用

第一步:创建组件card2,并填充“我是局部组件card2”内容。
在这里插入图片描述
第二步:在页面的 .json (textPage)配置文件中引用组件card2。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

三、全局引用和局部引用

根据组件的使用频率和范围,来选择合适的引用方式:
如果某组件在多个页面中经常被用到,建议进行“全局引用”
如果某组件只在特定的页面中被用到,建议进行“局部引用”


http://www.kler.cn/news/17442.html

相关文章:

  • 关于数据倾斜
  • 【Linux】基础IO——库函数与系统调用的关系
  • 牛客刷SQL题Day5
  • Golang中sync.Pool详解及使用方法
  • ( “ 图 “ 之 拓扑排序 ) 210. 课程表 II ——【Leetcode每日一题】
  • 服务器中了勒索病毒,malox勒索病毒的加密方式及如何应对勒索病毒攻击
  • 【刷题笔记】二维数组地址计算+算法分析+进制转换
  • 计算机网络基础知识(二)—— 什么是Ip地址、Mac地址、网关、子网掩码、DNS
  • SpringBoot实现导出Excel功能
  • 汽车出租系统【纯控制台】(Java课设)
  • 互联网摸鱼日报(2023-05-02)
  • 计算机必读基础书籍
  • 【圈友app】为什么要使用MongoDB数据库?什么样的数据适合存储到MongoDB数据库?
  • 【C++学习】类和对象--多态
  • 牛客网HJ31 单词倒排
  • 第七章 使用ssh服务管理远程主机
  • 中盐集团:加快推进数智化转型,引领盐行业高质量发展
  • leetcode刷题之有关树的算法
  • Codeforces Round 863 (Div 3)总结
  • cmake编译
  • 截图的背景色如何去除?这里介绍一个小工具
  • buildroot系统调试苹果手机网络共享功能
  • 人机智能中几个困难问题浅析
  • API接口的对接流程和注意事项
  • STM32F4_十进制和BCD码的转换
  • 【地铁上的设计模式】--结构型模式:装饰器模式
  • IJKPLAYER源码分析-重要字段
  • LeetCode 1003. Check If Word Is Valid After Substitutions【栈,字符串】中等
  • 【GAMES101】03 Transformation
  • 回忆我的爷爷