vue的基础学习2
1.循环语句(列表渲染)
v-for 可以绑定数据到数组来渲染一个列表。
<div id="app">
<ul>
<li v-for="(item,index) in list">{
{
item}}</li>//遍历数组:第一个参数是值,第二个是下标
</ul>
<ul>
<li v-for="item in user">{
{
item.name}}</li>//遍历数组对象:因为每个元素是一个对象获取里面的属性用"item.name"的形式
</ul>
<ul>
<li v-for="(value,key) in arr">{
{
key +':'+value }}</li>//遍历对象:第一个参数是值,第二个是名称。
</ul>
</div>
<script type="text/javascript">
var vm = new Vue({
el:"#box",
data:{
list:['html','js','css'],
user:[
{
name:'Tom',age:15},
{
name:'Jack',age:10},
{
name:'macheel',age:38}
],
arr:{
name