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

style增强特性 css预处理器 样式引用 rpx转换 style增强特性 css预处理器 mpx 支持所有主流的css预编译处理 ，只需要在<style> 的lang 中设置使用的预编译语言（stylus/less/sass等） 并且安装对应的webpack-loader 即可正常使用。 示例： <template> <...

组件模板和样式 组件模板 模板数据绑定 组件wxml的slot 组件样式 组件样式隔离 外部样式类 引用页面或父组件的样式 组件模板和样式 类似于页面，自定义组件拥有自己的 wxml 模板和 wxss 样式。 组件模板 组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树，将被插入到组件的引用位置上。 在组件模...

微信小程序 微信小程序 @megalo /target 的 platform 设置成 wechat ，mini-css-extract-plugin 提取文件后缀改成微信小程序的 wxss 。 const createMegaloTarget = require ( '@megalo/target' ) const com...

组件模板和样式 组件模板 模板数据绑定 组件 wxml 的 slot 组件样式 组件样式隔离 外部样式类 引用页面或父组件的样式 虚拟化组件节点 组件模板和样式 类似于页面，自定义组件拥有自己的 wxml 模板和 wxss 样式。 组件模板 组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树，将被插入到组件的...

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

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

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

快速上手 使用之前 引入组件 如何使用 修改组件内部样式 快速上手 使用之前 扩展组件库基于小程序自定义组件构建，在使用扩展组件库之前，建议先阅读熟悉小程序自定义组件 。 引入组件 可以通过npm 方式下载构建，npm包名为weui-miniprogram 也可以通过页面按需下载 如何使用 假设组件的目录为weui-mi...

目录结构 允许上传的文件 目录结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page 。 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： 文件 必需 作用 app.js 是 小程序逻辑 app.json 是 小程序公共配置 app.wxss 否 小程序公共样式表 一个小程序页面由四个文件组成，...