Todos:
{{ todo.text }}
{{ todo.text }}
new Vue({
el: "#app",
data: {
todos: [
{ text: "Learn JavaScript", done: false},
{ text: "Learn Vue", done: false},
{ text: "Play around in JSFiddle", done: true},
{ text: "Build something awesome", done: true}
]
},
computed: {
todosArr: function () {
var arr = [];
this.todos.forEach(function(item, index) {
if(index == 0) {
item.show = true
arr.push(item)
}else{
item.show = false
arr.push(item)
}
})
return arr
}
},
methods: {
toggle: function(todo){
todo.show = !todo.show
}
}
})
demo在这:http://jsfiddle.net/9jxyequ4/
通过computed添加的属性show,通过toggle修改show,页面上的v-if却无法判断?