02uni-app v-for循环列表 v-if的使用

onLoad onShow onHide函数的使用##

 这三个函数的使用
	// 监听页面的加载  参数e是上一个页面传递过来的参数  参数是一个对象  如果没有为空{}
		onLoad(e) {
			console.log(e);
		},// 监听页面的显示
		onShow(e) {
			console.log("onShow",e);
		},// 监听页面的隐藏 当隐藏这个页面的时候,就会触发
		onHide(e) {
			console.log("onHide",

02===>如何循环列表

使用v-for哈 跟vie是一样的哈

<view v-for="(item,index) in listarr" :key="index">
         姓名{{item.name}}
 </view>		 
 
 listarr:[
 	{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王武"}
 ]
 
 
 03==》v-if的使用  跟vue一样的哈
 
 <view v-if="test">我能够显示吗</view>
 test:true,//如果值是true  显示  false隐藏哈
 
 04==》:idden
 <view :hidden="test2">我能够显示吗2</view>
 test2:false,//false可以显示  true隐藏哈
 
 05==》v-if和:hidden的区别是
 v-if会根据条件来判断 是否渲染
 :hidden  一开始是渲染出来的  然后在根据条件  来判断是否进行渲染哈!!
 

相关文章

文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置...
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函...
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开...
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值...
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表...
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 ...