3.7 App.vue

App.vue是uni-app的主组件，所有页面都是在App.vue下进行切换的，是页面入口文件。但App.vue本身不是页面，这里不能编写视图元素。

这个文件的作用包括：调用应用生命周期函数、配置全局样式、配置全局的存储globalData

应用生命周期仅可在App.vue中监听，在页面监听无效。

3.7.1 应用生命周期

uni-app 支持如下应用生命周期函数：

在App.vue文件里使用生命周期函数，如下：

<script> 

    export default { 

        onLaunch: function() { 

            console.log('App Launch') 

        }, 

        onShow: function() { 

            console.log('App Show') 

        }, 

        onHide: function() { 

            console.log('App Hide') 

        } 

    } 

</script>

注意

l  应用生命周期仅可在App.vue中监听，在其它页面监听无效。

l  onlaunch里进行页面跳转，如遇白屏报错，请参考https://ask.dcloud.net.cn/article/35942

l  App.vue 不能写模板

【uniapp参考资料】

（1）uni-app跨平台开发 入门到实战 

https://ke.qq.com/course/package/26512

（2）uni-app 完整商城界面设计实战  

https://ke.qq.com/course/2381059

（3）基于vue的uniapp商城完整项目源代码 

https://ke.qq.com/course/3064977

（4）毕业设计网

http://www.pc-365.net

（5）小程序编程网

http://www.4317.org

（6）计算机编程网

http://www.05423.com