vue能否可以循环添加html,1条件与循环.html

Vue学习进度

#myApp{

background-color: navajowhite;

}

条件与循环

1. v-if="..." 判断条件

2. v-for="..." 循环

3. @click="fun" 处理点击事件

1. 今天的特价水果
2. {{fruit.name}}---{{fruit.price}}元/500g

是否显示特价

循环遍历对象(value,key) in obj

{{key}}----{{value}}

var myApp = new Vue({

el:"#myApp",

data:{

flag:true,

fruits:[ /*数组对象*/

{name:"葡萄",price:3.5 },

{name:"西瓜",price:2 },

{name:"香蕉",price:3 },

{name:"荔枝",price:5 }

],

car:{

carName:"aodi",

price:78+"万",

color:"red"

}

},

methods:{

isClick:function (){

this.flag = !this.flag;

}

}

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史