1-7 列表与事件

数组更新检测

注意：data中的数据改变，会引起视图的改变
变异方法：引起视图更新
替换数组：不会引起视图更新
（取决于哪些方法更改原数组，哪些不更改原数组）

Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：

push()
pop()
shift()
unshift()
splice()
sort()
reverse()

concat： 方法就不会引起视图更新

显示过滤/排序结果

filter:是一个回调

//通过方法，创建过滤器，过滤一个数组的奇数：
<li v-for="n in even(numbers)">{{ n }}</li>
data: {
  numbers: [ 1, 2, 3, 4, 5 ]
},
methods: {
  even: function (numbers) {
    return numbers.filter(function (number) {
      return number % 2 !== 0
    })
  }
}