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

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

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。

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

最后:代码层面回顾


相关推荐
v15889726201几秒前
货运搬家小程序从0到1(五):JWT 鉴权,拦截器 + ThreadLocal 用户上下文
小程序·货运小程序源码·货运小程序·搬家小程序
维双云1 小时前
2026开发小程序公司有哪些?专业团队与服务路线整理。
小程序
梓彤科技1 天前
登录状态总是失效,武汉小程序开发怎样设计会话续期与接口鉴权?
微信小程序·小程序·登录鉴权
维双云1 天前
专业开发小程序公司有哪些:从项目交付能力判断服务商
小程序
show4331 天前
2026多格式导出技术方案:小程序端免费TXT/Word/SRT生成实践
小程序·word
维双云2 天前
社区生鲜小程序怎么做?4个经营环节。
小程序·零售
2601_949950632 天前
成绩提升不靠盲目刷题:用练题簿找准真正的薄弱知识点
学习·小程序·刷题·小程序推荐
今日热点2 天前
微信小程序主体变更公证全流程实操解析:场景条件、材料规范、驳回避坑与Python校验脚本实现
python·微信小程序·小程序
Buke..2 天前
【小程序逆向】某游快爆 AI 逆向 sign参数:AI 辅助分析与 MCP 工具链实战
前端·人工智能·爬虫·python·小程序·notepad++
T01156182 天前
艺培场馆课时预约小程序用户端 & 后台联动踩坑上篇(预约、课时、缓存、消息、学员端自身问题)
java·缓存·小程序·bug·全栈项目实战手记·艺培课时系统‘’