5、数据绑定

uniapp中数据绑定和vue一样。如:

<template>
	<view>
		<view>{{msg}}</view>
		
		<view v-for="(item,index) in list" :key="item.id">
			序号:{{index}}  姓名:{{item.name}}
		</view>
	</view>
	
</template>

<script>
	export default{
		data(){
			return{
				msg:"hello",
				list:[{
					id:0,
					name:"张三"
				},
				{
					id:1,
					name:"李四"
				},
				{
					id:2,
					name:"王五"
				}]
			}
		}
	}
</script>
posted @   青仙  阅读(27)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示