页面包含组件,组件依赖页面存在
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。
组件:无路由概念,只能通过 标签嵌入到页面或其他组件中。





