美文网首页
uni-app 学习笔记 一

uni-app 学习笔记 一

作者: 男卅_卅 | 来源:发表于2019-04-19 18:04 被阅读0次

准备:

        vue.js全家桶套餐项目部署参考:陶然然_niit 的简书

1.对uni-app项目目录文件的了解:

目录及文件



2.应用的生命周期

onLaunch  ----------------  当uni-app初始化完成时触发(全局只触发一次)

onShow     ----------------  当uni-app启动,或从后台进入前台显示

onHide       ----------------  当uni-app从前台进入后台

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



3.页面的生命周期

onLoad  -------------  监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)

onShow  -------------  监听页面显示

onReady  -------------  监听页面初次渲染完成

onHide  --------------  监听页面隐藏

onUnload  ------------  监听页面卸载

onPullDownRefresh  --------------  监听用户下拉动作,一般用于下拉刷新

onReachBottom  ---------------  页面上拉触底事件的处理函数

onPageScroll  -------------  监听页面滚动,参数为Object

onTabltemTap  --------------  当前页tab页时,点击tab时触发

onShareAppMessage  --------------  用户点击右上角分享(支持微信小程序)

注:先触发 uni-app onReady ,后触发 vue 的 mounted

        最好使用 uni-app 的 onLoad 代替 vue 的 created

生命周期官方链接


相关文章

  • Uni-App学习路线

    Uni-App学习路线 学习Uni-app用到的技术 Uni-app官网[https://uniapp.dclou...

  • uni-app 之登录页面

    学习了一周多uni-app,上一周主要是开发原生插件给uni-app调用。本周开始学习怎么使用uni-app写页面...

  • uni-app 学习笔记 一

    准备: vue.js全家桶套餐项目部署参考:陶然然_niit的简书 1.对uni-app项目目录文件的了解: 2....

  • uni-app入门详解

    1 uni-app学习 1.1 什么是uni-app uni-app是一个使用Vue.js语法来开发所有前端应用的...

  • Uni-app 学习笔记

    uni-app跨平台框架官方教程 链接:https://ke.qq.com/course/343370 一、框架简...

  • uni-app学习笔记

    创建、运行、打包等相关流程。 目录结构: common,存放公用资源。 components,uni-app组件目...

  • uni-app学习笔记(4)

    自定义导航栏组件 首先我们需要在项目文件夹中的components中新建我们的组件文件nav-bar.vue 在页...

  • uni-app 学习笔记 三

    uni-app的网络请求 在官方文档上网络这一块总共介绍了四项:发起请求,上传下载,WebSocket,Socke...

  • uni-app 学习笔记 二

    页面配置及跳转 目前程序的页面路径最多只能放十层 uni.navigateTo(OBJECT) 保留当前页面,跳转...

  • uni-app学习笔记(1)

    导航栏 1.设置导航栏自定义样式(取消默认导航栏)pages.json文件中设置 Button点击事件 templ...

网友评论

      本文标题:uni-app 学习笔记 一

      本文链接:https://www.haomeiwen.com/subject/acycgqtx.html