<template>
<view>
<view>数据绑定的学习</view>
<view>{{msg}}</view>
<view>{{flag?'假的':'真的'}}</view>
<image :src=img></image>
<view v-for= "(item,index) in arr" :key="item.id">{{item.name}} + {{item.age}}</view>
</view>
</template>
<script>
export default {
data() {
return {
msg:'hello',
flag:false,
img: 'http://destiny001.gitee.io/image/monkey_02.jpg',
arr: [
{ name: '刘能', age: 29 },
{ name: '赵四', age: 39 },
{ name: '宋小宝', age: 49 },
{ name: '小沈阳', age: 59 }
]
}
}
}
</script>
在写v-for时,微信小程序如果报错,把:key写上,解除警报。