小程序中页面和组件的区别

页面包含组件,组件依赖页面存在

1.生命周期对比

== 页面(Page):小程序的独立路由单元,是用户可直接访问的完整页面(如登录页、首页),对应一个 pages/ 目录下的页面配置 ==

== 组件(Component):可复用的 UI / 逻辑单元,嵌入在页面或其他组件中,不能独立访问(如弹窗、选择器、列表项),对应 components/ 目录。==

2.目录对比
3.页面中使用组件时【运行加载过程】
  • 生命周期执行顺序:

页面 onLoad → 页面 onShow → 组件 created → 组件 attached → 页面 onReady → 组件 ready。

  • 数据通信:

页面 → 组件:通过 properties 传值(如 title="{{cardTitle}}");

组件 → 页面:通过 triggerEvent 触发自定义事件(如 bind:cardClick)。

  • 方法定义:

页面方法直接写在 Page({}) 中;

组件方法必须放在 methods: {} 内。

  • 路由与访问

页面:可通过 wx.navigateTo、wx.switchTab 等 API 跳转,有独立 URL。

组件:无路由概念,只能通过 标签嵌入到页面或其他组件中。

最后:代码层面回顾


相关推荐
imperialeast10 小时前
WinAXP 2.4.0.830正式版
小程序·个人开发
CRMEB系统商城12 小时前
鲜花零售的预售与积分营销
开发语言·人工智能·科技·小程序·零售
镭封13 小时前
AI文字转语音能制作多人对白吗?角色分配操作指南
人工智能·小程序·音视频·语音识别·媒体
zhongben_keji14 小时前
批发商城APP怎么做:价格引擎、授信台账与资金合规的设计要点
ios·小程序·web app
2501_9159214317 小时前
iOS 实时日志怎么看?KeyMob 的日志过滤、崩溃报告与符号化
android·ios·小程序·https·uni-app·iphone·webview
小小王app小程序开发17 小时前
教育 AI 小程序玩法开发分析
人工智能·小程序
普通人61 天前
uniapp模版JS
开发语言·javascript·小程序·uni-app·1024程序员节
andrsted2 天前
企业培训时间难统一?练题簿让在线免费刷题与培训考核更好安排
学习·微信小程序·小程序·学习方法·刷题
李纲明2 天前
微信小程序 wx.uploadFile 上传失败:合法域名、临时路径与 HTTPS 证书排查
微信小程序·小程序·uploadfile·devdiy·上传失败
hnxaoli2 天前
win10小程序(二十四)批量新建文件夹
小程序