Vant Weapp
发布网友
发布时间：2024-10-23 15:20
共1个回答
热心网友
时间：2024-11-02 07:30
在开始使用Vant Weapp时，按照官网指导进行安装，首先运行`npm init -y`生成`package.json`，然后安装指定版本的@vant/weapp（这里选择教程中的1.3.3）：`npm i @vant/weapp@1.3.3 -S --proction`。官网未明确指出版本，学习时保持一致性是关键。
Vant通过CSS变量实现定制全局主题，可以参考MDN文档。在`home.wxml`和`app.wxss`文件中，确保使用`page`作为每个小程序页面的根节点，并查阅官方文档了解变量命名规则。
为了将API的回调函数转换为Promise，安装`miniprogram-api-promise@1.0.4`并确保每次安装后重新构建项目，可能需要删除旧的包文件夹，然后通过开发者工具构建：`npm build`。
在`app.js`中，引入`promiseifyAll`方法，创建`wxp`和`wx.p`对象，并将wx的回调函数转换为Promise。使用时，确保在页面加载时正确地导入和绑定store，使用mobx-miniprogram和mobx-miniprogram-bindings实现全局数据共享。
安装mobx相关包后，注意在构建前删除`miniprogram_npm`文件夹，遇到构建问题时，尝试关闭并重启微信开发者工具。创建store时，区分get和set方法，确保在页面卸载时通过createStoreBindings清除数据。
Vant Weapp支持分包管理，将项目分为主包和多个分包，遵循文件大小*。在`app.json`中配置subpackages，通过"independent"标志标识分包。预下载功能用于在进入特定页面时预先加载相关分包资源。
