This Skill provides an index of basic development guides for the Mpx framework. Mpx is an enhanced mini program framework dedicated to improving the mini program development experience and development efficiency.
1. Introduction to the Mpx Framework
Mpx is a reinforcement and extension of the native mini program development standard, supporting single-file development, data reactivity, enhanced template syntax, etc.
- Detailed Introduction: intro.md
2. Quick Start
- Project Creation and Running: start.md
- Project Structure: project-structure.md
- IDE Configuration: ide.md
3. Core Concepts
The core of Mpx consists of App, Page, and Component.
- App (Application Instance): app.md - Introduces the App lifecycle, global configuration, etc.
- Page: page.md - Introduces page creation, lifecycle, configuration, etc.
- Component: component.md - Introduces custom component creation, properties, lifecycle, slots, etc.
4. Basic Syntax
Mpx supports a development experience similar to Vue.
- Single-File Component (SFC): single-file.md
- Template Syntax: template.md
- Data Binding: data-binding.md
- List Rendering (wx:for): list-render.md
- Conditional Rendering (wx:if): conditional-render.md
- Event Handling: event.md
- Style Handling (CSS): css.md
- Class and Style Binding: class-style-binding.md
5. Reactivity System
Mpx provides powerful data reactivity capabilities.
- Reactivity Principles: reactive.md - Includes watch, computed, etc.
- Two-Way Binding: two-way-binding.md - wx:model syntax.
- Refs: refs.md
6. Other
- Lifecycle: lifecycle.md
When using this Skill, please refer to the corresponding documentation files above according to the user's questions, and provide accurate code examples and explanations.