Vue基础语法 流程操作

for 循环：格式v-for
//遍历集合对象
<p v-for=’(item,index) in list’> {{item}} {{index}}</p>
//普通计数遍历 注意：从1 开始
<p v-for=“count in 10”>{{count}}</p>
注意：在2.2版本后必须使用key
//key 属性是能使用 number 或者 string类型数据
//key的属性值，通常使用 v-bind: 绑定设置值
<p v-for=’(item,index) in list’ :key=“item”> {{item}} {{index}}</p>

if格式：v-if
举例：
// v-if 为fasle会把元素删除,为true 会把元素创建
<p v-if=“true”>aa</p>
// v-if 为false 会把元素隐藏
<p v-show=“true”>bb</p>