vue的所有生命周期函数在uniapp中都可以使用
最近在调试基于uniapp开发的应用,发现一段请求js文件的代码在onLoad中没有反应,但在onShow、mounted等生命周期中有反应,所以写了个demo了解一下vue部分和uniapp页面部分生命周期函数的执行顺序,测试结果如下:
测试包含的uniapp生命周期函数:onLoad onShow onReady onHide onUnload
测试包含的vue生命周期函数:beforeCreate created beforeMount mounted
下面时测试用的生命周期函数代码:
onLoad() {
console.log('onLoad'); // 页面加载
uni.request({
url: 'https://gitee.com/api/v5/repos/jc-ge/test/contents/freshData.js',
method: 'GET',
success: res => {console.log('success');},
fail: () => {console.log('fail');},
complete: () => {console.log('complete');}
});
},
onShow() {
console.log('onShow'); // 页面显示
},
onReady() {
console.log('onReady'); // 页面初次渲染完成
},
onHide() {
console.log('onHide'); // 页面隐藏
},
onUnload(){
console.log('onUnload'); // 页面卸载
},
// vue生命周期
beforeCreate() {
console.log('beforeCreate');
},
created() {
console.log('created');
},
beforeMount() {
console.log('beforeMount');
},
mounted() {
console.log('mounted');
},
beforeUpdate() {
console.log('beforeUpdate');
},
updated() {
console.log('updated');
}