1. 判断该 标签 , js代码 , css样式 在那个端显示 那个端不显示
以 <!-- #ifdef APP-PLUS -->
开头 <!-- #endif -->
结尾 包裹的标签通过
APP-PLUS
判断条件 在那个端显示
标签中
<!-- #ifdef APP-PLUS -->
<button type="primary" @click="open">点击</button>
<!-- #endif -->
js代码中
methods: {
// #ifdef APP-PLUS
open(){
console.log(123)
}
// #endif
}
caa样式中
/* #ifdef APP-PLUS */
.aa{
height: 500px;
border: 1px solid black;
}
/* #endif */
以 <!-- #ifndef APP-PLUS -->
开头 <!-- #endif -->
结尾 包裹的标签通过
APP-PLUS
判断条件 在那个端不显示
标签中
<!-- #ifndef APP-PLUS -->
<button type="primary" @click="open">点击</button>
<!-- #endif -->
js代码中
methods: {
// #ifndef APP-PLUS
open(){
console.log(123)
}
// #endif
}
caa样式中
/* #ifndef APP-PLUS */
.aa{
height: 500px;
border: 1px solid black;
}
/* #endif */
应用生命周期 入口文件 app.vue 中的生命周期
只能在 app.vue 中写 这几个生命周期
onLaunch(){} 初始化完成时触发一次 全局只触发一次
onShow(){} 应用启动时触发 或者从后台进入前台触发
onHide(){} 应用从前台进入后台触发
页面中的生命周期
onLoad(){} 监听页面加载触发 页面还没有渲染
onReady(){} 监听页面初次渲染完成触发 页面已经渲染完成
onShow(){} 监听页面显示触发 页面每次出现在
onHide(){} 页面隐藏触发
onUnload(){} 页面卸载触发
组件生命周期
beforeCreate(){} 实例初始化之后触发
created(){} 实例创建完立即触发
mounted(){} 挂载到实例上去之后触发
destroyed(){} 实例销毁后触发
tabBar生命周期函数
onTabItemTap(){} tabBar切换时触发 有一个回调参数
这个生命周期中可以做一些数据得重新渲染