new Vue({
el: "#app",
data: {
numbers: [1,2,3,4,5,6,7,8,9]
},
computed: {
evenNumbers() { return this.numbers.filter(item => item % 2 === 0)}
},
methods: {
oddNumbers(arr) { return arr.filter(item => item % 2 !== 0)}
}
})
<ul id="app">
<!-- v-for 渲染计算属性的值,偶数列表 -->
<li v-for="even in evenNumbers">{{ even }}</li>
<br/>
<!-- v-for 渲染方法oddNumber执行返回的奇数列表 -->
<li v-for="odd in oddNumbers(numbers)">{{ odd }}</li>
</ul>