<ul id="app">
<li v-for="n in evenNumbers">{{ n }}</li>
</ul>new Vue({
el: '#app',
data: {
numbers: [ 1, 2, 3, 4, 5 ]
},
computed: {
evenNumbers: function () {
return this.numbers.filter(function (number) {
return number % 2 === 0
})
}
}
})
External CSS
This Pen doesn't use any external CSS resources.