Dentro de VueJS tenemos dos opciones para manipular los datos que están al alcance de nuestra instancia de VueJS:
- Computed properties
- Methods(functiones del modo en que ya las conocemos)
EJEMPLO DE METHODS
let app = new Vue({
el: '#app',
data:{
valor: 0
},
methods:{
aumenta(){
return console.log(this.valor)
}
},
created(){
this.aumenta()
}
})
Que se invoca así
<button @click="aumenta(valor += 1)">Métodos</button>
EJEMPLO DE COMPUTED PROPERTIES
let app = new Vue({
el: '#app',
data:{
valor: 0
},
computed:{
aumenta: function(){
return console.log(this.valor += 1)
}
},
created(){
this.aumenta()
}
})
Que se invoca así
<div id="app">
{{ this.aumenta }}
</div>
Sin embargo:
- ¿Una computed property acepta parámetros?
- ¿Una computed property puede ser invocada como una función de la etiqueta methods?