基础-mpvue (二)

一、配置

通过mpvue创建项目开发者应当注意,mpvue在onReady后触发
mounted方法。除了vue自身生命周期外,mpvue对小程序生命周期事件都做相应支持。

app 部分:

onLaunch 初始化
onShow 当小程序启动,或从后台进入前台显示
onHide 当小程序从前台进入后台

page 部分:

onLoad 监听页面加载
onShow监听页面显示
onReady监听页面初次渲染完成
onHide监听页面隐藏
onUnload监听页面卸载
onPullDownRefresh监听用户下拉动作
onReachBottom页面上拉触底事件的处理函数
onShareAppMessage用户点击右上角分享
onPageScroll页面滚动
onTabItemTap当前是 tab 页时,点击 tab 时触发 (mpvue 0.0.16 支持)

如果写过小程序朋友是不是很熟悉的味道?是的,它们都是小程序事件。

()

传值

开发者注意小程序中页面之间相互传递参数时,通常:

wx.navigateTo({
 url: 'url/?key=' + key
})

在mpvue你需要 this.$root.$mp.query 这样使用,从onLoad接受。

new Vue({
 onLoad ($data) {
  console.log($data)
 }
})

不受mpvue支持模板语法

几乎全支持 官方文档:模板语法
由于微信小程序的能力限制(数据绑定),所以无法支持复杂的 JavaScript 表达式。

mpvue
  • 不支持v-html指令
  • 不支持模板中使用复杂函数,如 .split(”).reverse().join(”)
  • 不支持过滤器
  • 不支持在 template 内使用 methods 中的函数。
  • 不支持 官方文档:Class 与 Style 绑定 中的 classObject 和 styleObject 语法。
  • 暂不支持在组件上使用 Class 与 Style 绑定

移植项目

遗憾的是mpvue无法逆向开发(
从小程序编译为h5 ),因此开发者在构建新项目时是否考虑使用mpvue因有考虑



Cabbagelol将做些什么
负责记录Cabbagelol的总结,或者共享有趣的内容,这就是后院的最重要做的事情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。
备案:粤ICP备15107172号-1
邮箱:nickmiku@foxmail.com

Copyright © 2015 - 2017 Cabbagelol. All Rights Reserved. Powered By Wordpress(EverBox).