Component, Tag, and Template Usage in WeChat Mini Programs
WeChat Mini Programs rely heavily on components, tags, and templates to structure UI and logic efficiently.
Components
Components encapsulate reusable logic and UI elements. A custom component consists of four files: .json, .wxml, .wxss, and .js. To declare a directory as a custom component, set "component": true in the JSON file:
{
...
Posted on Sat, 18 Jul 2026 16:34:10 +0000 by bridawg
WeChat Mini Program Code Structure - Development Documentation Study Notes
WXML Templates
WXML requires tags to be strictly closed. Failing to close a tag will cause a compilation error.
Attributes in WXML are case-sensitive.
Data Binding
In order to dynamically change the rendering interface during program execution, WXML uses {{variableName}} (variable names are case-sensitive) to bind properties from the data objec ...
Posted on Mon, 13 Jul 2026 16:08:57 +0000 by bryanptcs