uni-app生命周期方法

发布时间 2023-06-25 11:24:54作者: 有只小菜猫

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选择器{}