本文主要是介绍mpvue 开发小程序蹲坑指南,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
mpvue:https://github.com/F-loat/mpvue-quickstart
mpvue-entry插件:https://github.com/F-loat/mpvue-entry (集中式页面配置,自动生成各页面的入口文件,优化目录结构,支持新增页面热更新)
mpvue-router-patch路由插件:https://github.com/F-loat/mpvue-router-patch
一,单独为每个页面的设置页面头部信息
带" ^ "表示首页,需要在你的main.js文件中export default { config: {} },这才能被我们的 loader 识别为这是一个配置,需要写成 json 文件。(这是早起配置,可查看mpvue-loader升级指南)
二,所有页面里的created生命周期函数 都会在小程序加载的时候一次性全部执行,而不是每进入一个页面执行一次,如:
有三个页面:
pageA
...省略一些代码...
created(){console.log('pageA 的 created函数执行')
}
pageB
...省略一些代码...
created(){console.log('pageB 的 created函数执行')
}
pageC
...省略一些代码...
created(){console.log('pageC 的 created函数执行')
}
然后,启动小程序,不进入这3个页面,假设我现在有一个index页面,我们打开这个页面,会输出:
pageA 的 created函数执行
pageB 的 created函数执行
pageC 的 created函数执行
解决的话用mounted或者onLoad或者onReady代替,created和mounted是vue(mpvue)的生命周期,而onLoad、onReady是小程序的生命周期,mpvue官方给的说明是:
除了 Vue 本身的生命周期外,mpvue 还兼容了小程序生命周期,这部分生命周期钩子的来源于微信小程序的
Page, 除特殊情况外,不建议使用小程序的生命周期钩子。
但是官方给的生命周期图示里面,也表明了,小程序的onLoad、onReady比mounted执行的早,减少页面白屏时间,个人倾向于使用小程序生命周期
三,请勿在 scroll-view 中使用 textarea、map、canvas、video 组件
这篇关于mpvue 开发小程序蹲坑指南的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!