mpvue+Vant-Weapp 微信小程序

一丶vant-weapp植入方法

1. 1. npm/cnpm 安装 或者 直接下载git下载
2. 2. 将文件中的dist内容复制到项目static/新建vant下。
3. 3. src/app.json中可逐个注入，然后在对应文件使用就行。

 

二丶每一个页面对应一个pages下面的文件下；

     pages/页面文件下：包含main.js(基本通用无改动) index.vue main.json(可有，当前页面配置，如顶部title)

如

 

三丶注意事项

页面跳转方法

1. wx.navigatorTo，限制只能跳转五次，（此跳转默认单页深层跳转如1-1.1-1.1.1，微信限制小程序只能五层，有返回按钮）；
2. wx.redirectTo，清除上一页记录，无屋里返回按键；
3. tabbar路径跳转无效，可使用wx.switchTab进行跳转；
4. 页面跳转及参数

• 传递：url?id=xx&name=xx;
• 获取：this.$root.$mp.query；

四丶辅助工具（vscode工具开发）

1. vscode weapp api ---- 微信api提示
2. VueHelper ---- vue语法提示

五丶img :src无效

    图片放在静态文件static下，并且使用相对路径/static/image...

六丶mpvue再次进入页面数据不刷新保留上次记录（初始化数据）

     onLoad(){

        Object.assign(this.$data, this.$options.data());

     },