Mp-vue 开发注意事项

640 阅读1分钟

前言

最近在用mpVue做微信小程序  技术栈为vant-weapp+flyio+mpvue-router-patch 在此记录下开发过程遇到的bug

环境搭建问题

1. vue-cli 2.0版本支持mp-vue (2.0以上会报错)

2. 项目引入scss 注意(版本问题)

"sass-loader": "^7.3.1" 版本不能到8

3. 项目引入第三方库 例如(vant-weapp)不能直接放在components里面 要放在static里面 不然路径会报错找不到

开发过程问题

4. Vue 数据更新 视图不刷新解决方案 $set不生效 可以先把数据置空 然后再去赋值处理

5. 新增页面或者componengts自定义组件完成 需要重启项目打包一遍 不然报错找不到组件

6. 小程序背景图 只可以支持线上或者base64图片

7. V-for嵌套循环的时候 一定要在两层循环都声明index 不然会报错 index重复

8. 不要在html上绑定复杂表达式 会报错 实在需要就在数据源处理好 或者用计算属性解决

9. v-html 指令不能用

10. 不支持过滤器filter

11. 不支持classObj和styleObj形式绑定

12. 很多效果模拟器看不到 真机才有显示 比如表单focus自动聚焦效果