uniapp学习之旅v-bind和v-for

v-bind：用来进行数据绑定

v-for:用来循环显示

具体语法及实现

<template>
	<view>
		<view>数据绑定的学习</view>
		<view>{{mes}}</view>
		<view>{{"奥里给"+'你好'}}</view>
		<view>{{2+2}}</view>
		<view>{{flag?'我是真的':'我是假的'}}</view>
		<image v-bind:src="imagUrl" mode="aspectFit"></image><!-- v-bind可以删 -->
		<view v-for="(item,index) in arr" :key="item.id">
			序号：{{index}},名字：{{item.name}},年龄：{{item.age}}
			序号：{{item.id}},名字：{{item.name}},年龄：{{item.age}}
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return{
				mes:"hello",
				flag:false,
				imagUrl:"../../static/girl.gif",
				arr:[
					{
						name:'无敌',
						age:1000,
						id:1
					},
					{
						name:'奥里给',
						age:100,
						id:2
					},
					{
						name:'哈拉少',
						age:10,
						id:3
					},
					{
						name:'伏特加',
						age:1,
						id:4
					}
				]
				
			}
		}
	}
</script>

<style>
</style>

效果：