vue基础

vue基础写法记录

• 目录结构
• 应用生命周期

目录结构

|——pages 业务页面文件存放的目录
|　　 |——index
|　　　　　 | index.vue index页面
|——static 存放应用引用静态资源（如图片、视频等）的目录,注意:静态资源只能存放于此
|——main.js Vue初始化入口文件
|——App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
|——manifest.json 配置应用名称、appid, logo, 版本等打包信息
|——pages.json 配置页面路由、导航条、选项卡等页面类信息

应用生命周期

• 生命周期的概念：一个对象从创建，运行，销毁的整个过程被称为生命周期
• 生命周期函数：在生命周期中每个阶段会触发一个函数，这些函数被称为生命周期函数
• 应用生命周期仅可在App.vue中监听，在其它页面监听无效

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

函数名	说明
onLaunch	当uni-app 初始化完成时触发（全局只触发一次
onShow	当 uni-app 启动，或从后台进入前台显示
onHide	当 uni-app 从前台进入后台
onError	当 uni-app 报错时触发

<script>
    // 只能在App.vue里监听应用的生命周期
    export default {
        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
          },
        onError: function(err) {
            console.log(err)
        }
    }
</script>