1、数组循环 v-for:
2、对象循环 v-for(in改成of也可,可传多个属性):
3、遍历对象(可传多个属性):
4、向数组下对象追加(控制台:app1.items2.push({text:'ddd'})):
5、只显示oushu条数组(filter):
6、改变数组中第一条数据
Vue.set(app1.items2,0,{id:45,text:'kkk'})
app1.items2.splice(2,1,{id:45,text:'hhh'})
7、删除数组中第3条数据
Vue.delete(app1.items2,2)
app1.items2.splice(2,1)
8、向obj加数据要用Vue.set:
Vue.set(app1.obj,'email','ddd@dd.com')
9、向obj加多条数据:
10、filter计算显示oushu条数据:
11、方法函数显示oushu条数据:
12、一段数据:
{{n}}
13、和tempplate结合循环:
14、和tempplate,v-if结合循环,显示oushu条数据:
15、先判断有无数据再和tempplate,v-if结合循环,显示oushu条数据:
用 app1.items2=[] 清除items2试试,会显示:暂无数据
暂无数据
16、组件的v-for 需要加key
1、UL下是组件,v-for 需要加key,删除
2、UL下是组件li,v-for 需要加key,删除(is="cpt2")
3、向data下数组追加一个对象({{text1}})