带坑使用微信小程序框架WePY组件化开发项目

 纯粹用来记录,以防再犯~

1. 接手的wepy项目版本是 1.7.2 ,so我没有初始化的过程....

2. 安装wepy命令工具,npm install wepy-cli -g , 在VScode终端安装后可能需要重启编辑器才能生效,通过wepy -v命令判断是否成功;

3. 结合MinUI框架使用时,安装组件卡死一动不动,需要node版本切换为8.x版本(原本10.x);

4. 小程序元素上加了伪代码(::after)后会影响事件向上冒泡,catch失效;

5. wepy实时编译,wepy build --watch, 如果实时编译不好使,请手动编译一次,相信我一定要去手动编译;

  比如我只改变了template的元素内容,wepy就不会自动编译了,因为它监听不到改变地方!

  style部分也有这种情况~

  不知道wepy-cli抽什么风~

6. wepy 在异步函数中更新数据的时候,必须手动调用$apply方法,才会触发脏数据检查流程的运行

  this.$apply()

7. wepy 中使用ES6 async/await 语法时, 需要npm安装‘wepy-async-function‘, npm install wepy-async-function --save

  在app.wpy文件里引入 import ‘wepy-async-function‘

8. 组件通信:

  this.$broadcast(‘xxx‘)   //通知子组件执行xxx方法,所有子组件都会收到

  this.$emit()    //事件发起组件的所有父组件都会收到$emit

  this.$invok()

9.  wepy.component组件实例中,onShow()生命周期不存在

10. 普通自定义方法在methods对象外声明,与methods平级,methods属性只能声明标签的bind/catch事件

 

带坑使用微信小程序框架WePY组件化开发项目

上一篇:基于h5+的微信登录,hbuilder打包


下一篇:小程序实现弹出遮罩层模态框