vue的条件渲染（v-if 与 v-show指令）与列表渲染

person:{

name:“ccy”,

age:20,

sex:“female”

},

items:[

{title:“ccy1”},

{title:“ccy2”},

{title:“ccy3”}

]

效果：

注意点：

1. 列表渲染也可以使用template标签包裹li

2. 由于js的限制，Vue 不能检测以下数组的变动：

当利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue

当你修改数组的长度时，例如：vm.items.length = newLength

第一类问题的解决办法：

1.深拷贝一份想要改变的数据所在的数组/对象，在副本上做相应修改，再赋值给vue的data

2.使用点操作，一一对key进行修改

3.使用Vue.set(vm.items, indexOfItem, newValue)或vm.items.splice(indexOfItem, 1, newValue)

第二类问题的解决办法：

使用vm.items.splice(newLength)

3. 对数组的这些操作，Vue是支持的：<