JSFiddle - React, Tailwind, and code Playground
by John Passmore
HTML
<script src="https://unpkg.com/vue"></script>
<div id="app">
</div>
JavaScript
vm = new Vue({
'el': '#app',
'template': '<p>Array of ever increasing Numbers: {{ numbers }}<br />Array of filtered-out Odd Numbers: {{ odds }}</p>',
data () {
return {
'numbers': [1]
}
},
mounted () {
var self = this
window.setInterval(function () {
self.numbers.push(self.numbers[self.numbers.length - 1] + 1)
}, 3000)
},
'computed': {
odds () {
let numbers = this.numbers
const odds = numbers.filter(function(number){
return (number % 2 !== 0);
})
return odds
}
}
})