vue计算属性案例及v-for、v-if优先级

1.计算属性之替换数组案例

变更方法，顾名思义，会变更调用了这些方法的原始数组。相比之下，也有非变更方法，例如filter()、concat()和slice()。它们不会变更原始数组，而总是返回一个新数组。当使用非变更方法时，可以用新数组替换旧数组：

var app = newVue({
    el:'#app',
    data: {
        numbers: [ 1, 2, 3, 4, 5 ]
    },
    computed:{
        evenNumbers(){
            return this.numbers.filter((number)=>{
                returnnumber % 2 === 0
            })
        }
    }
})

2.v-for、v-if不能同时使用

在处于同一节点的时候，v-for 优先级比 v-if 高。这意味着 v-if 将分别重复运行于每个 v-for 循环中。即— —先运行v-for 的循环，然后在每一个v-for 的循环中，再进行 v-if 的条件对比。所以，不推荐v-if和v-for同时使用。