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}})