除了Vue本身的生命周期处,mpvue还兼容了小程序的生命周期,这部分生命周期的钩子来源于微信小程序的页面,除特殊情况外,不建议使用小程序的生命周期钩子。
<强>应用部分:
-
<李> onLaunch,初始化李
<李>昂秀,当小程序启动,或从后台进入前台显示李
<李> onHide,当小程序从前台进入后台李
<强>页面部分:
-
<李> onLoad,监听页面加载李
<李>昂秀,监听页面显示李
<李> onReady,监听页面初次渲染完成李
<李> onHide,监听页面隐藏李
<李> onUnload,监听页面卸载李
<李> onPullDownRefresh,监听用户下拉动作李
<李> onReachBottom,页面上拉触底事件的处理函数
<李> onShareAppMessage,用户点击右上角分享李
<李> onPageScroll,页面滚动李
<李> onTabItemTap,当前是标签页时,点击选项卡时触发(mpvue 0.0.16支持)
用法示例:
<强>事件处理器
在输入和文本区域中改变事件会被转为模糊事件。
<强>踩坑注意:
列表中没有的原生事件也可以使用例如bindregionchange事件直接在dom上将绑定改为@
@regionchange,同时这个事件也非常特殊,它的事件类型有开始和结束
两个,导致我们无法在handleProxy中区分到底是什么事件,所以你在监听此类事件的时候同时监听事件名和事件类型既
代码如下:& lt;地图@regionchange=癴unctionName @end”=癴unctionName”@begin=癴unctionName祝辞& lt; map>
小程序能力所致,绑定和抓事件同时绑定时候,只会触发绑定,抓不会被触发,要避免踩坑。
<强>事件修饰符
。停止的使用会阻止冒泡,但是同时绑定了一个非冒泡事件,会导致该元素上的catchEventName失效!
。防止可以直接干掉,因为小程序里没有什么默认事件,比如提交并不会跳转页面
。捕捉支持1.0.9
。自己没有可以判断的标识
。一次也不能做,因为小程序没有removeEventListener,虽然可以直接在handleProxy中处理,但非常的不优雅,违背了原意,暂不考虑
其他键值修饰符等在小程序中压根没键盘,所以…
有且只能使用单文件组件(。vue组件)的形式进行支持。其他的诸如:动态组件,自定义,渲染和& lt;脚本类型=拔谋?x-template”比;字符串模版等都不支持。原因很简单,因为我们要预编译出wxml。
<强>详细的不支持列表:
-
<李>暂不支持在组件引用时,在组件上定义点击等原生事件,v-show(可用v代替)和类风格等样式属性(例:& lt;卡类=袄嗝啤北?& lt;/card>样式是不会生效的),因为编译到wxml,小程序不会生成节点,建议写在内部顶级元素上。
<李>槽(范围暂时还没做支持)
<李>动态组件
<李>异步组件
<李> inline-template李
<李> X-Templates李
<李>维生李
<李> 过渡
<李> 类
<李> 风格
mpvue可以支持小程序的原生组件,比如:选择器、地图等,需要注意的是原生组件上的事件绑定,需要以vue的事件绑定语法来绑定,如bindchange=癳ventName”事件,需要写成@change=癳ventName”
示例代码:
<强> 1。如何获取小程序在页面> 出口默认{//只有应用程序才会有onLaunch的生命周期 onLaunch () {//? },//捕获应用程序错误 onError (err) { console.log (err) } }
