uni-app生命周期方法

1、应用程序的生命周期方法:定义在根组件app.vue中

onLaunch() 应用程序启动
onShow() 应用程序显示
onHide() 应用程序隐藏

2、页面的生命周期方法--仿微信小程序

onLoad() 页面挂载完成
onShow() 页面被显示
onReady() 页面可以交互
onHide() 页面被隐藏
onUnload() 页面被卸载

onPageScroll() 页面发生滚动
onReachBottom() 页面滚动触底
onPullDownRefresh() 页面下拉刷新

3、组件的生命周期方法--仿vue
创建时 beforeCreate() created()
挂载时 beforeMount() mounted()
更新时 beforeUpdate() updated()
销毁时 beforeDestory() destoryed()

4、轮播图 swiper

indicator-dots="true" 是否显示面板指示点
autoplay="true" 是否自动切换
interval="2000" 自动切换事件间隔
duration="500" 滑动动画市场

5| 样式穿透!!!

本质是改变编译器改变选择器的编译过程

设法让父组件因为使用scoped属性产生的data-v-随机数 属性在所有的子组件体
内元素上也生成一份,这样一来父组件的样式就可以应用到子组件内 —— 样式
穿透:让父组件内编写的样式可以作用到子组件内。

css ==> >>>选择器{}
less ==> /deep/选择器{}
scss ==> ::v-deep选择器{}

posted @   有只小菜猫  阅读(84)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示