classnames 示例代码 classnames classnames 适用于 wxml 中，用于动态设置 class 的值。通过条件配置返回符合条件的字符串。 示例代码 classnames ( 'foo' , 'bar' ); // => 'foo bar' classnames ( 'foo' , { bar...

组件模版和样式 组件模版 模版数据绑定 组件的 slot 组件样式 外部样式类 组件模版和样式 类似于页面，自定义组件拥有自己的 ttml/wxml 模版和 ttss/wxss 样式。 组件模版 组件模版的写法与页面模板相同。组件模版与组件数据结合后生成的节点树，将被插入到组件的引用位置上。 在组件模板中可以提供一个 <slot...

原生自定义组件支持 原理 例子 原生自定义组件支持 有些时候，我们需要在mpx 工程中使用原生小程序组件: 通过npm 引用安装第三包 将第三方包源码拷贝到本地src 目录下 注：mpx并不限制第三方包的格式。开发者可以自己参考小程序官方的开发第三方自定义组件 原理 根据unsingComponents 中设定的路径，mpx ...

视图层 View 视图层 View 框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。 将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。 WXML(WeiXin Markup language) 用于描述页面的结构。 WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WXML ，可以构建出页面的结构。 ...

视图层 View 视图层 View 框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。 将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。 WXML(WeiXin Markup language) 用于描述页面的结构。 WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WXML ，可以构建出页面的结构。 ...

快速上手 使用场景 快速使用 在wxml中使用 在wxs中使用 基础过滤器 String Array 判断数据类型过滤器 业务型过滤器 未来计划 快速上手 使用场景 在微信小程序中，wxml 的数据绑定仅支持简单运算，例如：三元表达式、算数运算、逻辑判断、字符串运算；不支持复杂的计算，比如： Array 的 join 、...

渐进接入 原生自定义组件支持 原理 例子 原生page支持 渐进接入 可参考此demo：mpx渐进接入demo mpx并不一定要求用户一定要一次性用上框架的所有东西。 若是 已有项目 期望接入mpx，不需要对原有代码做全局重写 。 可以保持原有代码不变，新的组件、页面期望使用mpx的某些特性才引入mpx。 原生自定义组件支持...

WXS 模块 模块 .wxs 文件 module 对象 属性 require函数 <wxs> 标签 module 属性 src 属性 注意 WXS 模块 WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内，或以 .wxs 为后缀名的文件内。 模块 每一个 .wxs 文件和 <wxs> 标签都是一个单独的模...

自定义组件 创建自定义组件 使用自定义组件 自定义组件 开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。 创建自定义组件 类似于页面，一个自定义组件由 json 、 ttml/wxml 、ttss/wxss 、js 4...

脚本部分介绍 小程序入口app.wpy 页面page.wpy 组件com.wpy 脚本部分介绍 小程序入口app.wpy <script> import wepy from 'wepy' ; export default class extends wepy . app { config = { ...