Mpx 开发指南

本 Skill 提供了 Mpx 框架的基础开发指南索引。Mpx 是一款致力于提高小程序开发体验和开发效率的增强型小程序框架。

1. Mpx 框架简介

Mpx 是对小程序原生开发标准的补强和扩充，支持单文件开发、数据响应、增强模板语法等。

• 详细介绍: intro.md

2. 快速开始

• 项目创建与运行: start.md
• 项目结构: project-structure.md
• IDE 配置: ide.md

3. 核心概念

Mpx 的核心由 App、Page 和 Component 组成。

• App (应用实例): app.md - 介绍 App 的生命周期、全局配置等。
• Page (页面): page.md - 介绍页面的创建、生命周期、配置等。
• Component (组件): component.md - 介绍自定义组件的创建、属性、生命周期、插槽等。

4. 基础语法

Mpx 支持类似 Vue 的开发体验。

• 单文件组件 (SFC): single-file.md
• 模板语法: template.md
• 数据绑定: data-binding.md
• 列表渲染 (wx:for): list-render.md
• 条件渲染 (wx:if): conditional-render.md
• 事件处理: event.md
• 样式处理 (CSS): css.md
• Class 与 Style 绑定: class-style-binding.md

5. 响应式系统

Mpx 提供了强大的数据响应能力。

• 响应式原理: reactive.md - 包含 watch, computed 等。
• 双向绑定: two-way-binding.md - wx:model 语法。
• 引用 (Refs): refs.md

6. 其他

• 生命周期: lifecycle.md

使用此 Skill 时，请根据用户的问题查阅上述对应的文档文件，并提供准确的代码示例和解释。