Métodos en Vue.js

Author
By Darío Rivera
Posted on 2020-06-21 in Vue.js

Hace unos días vimos el enlace de datos doble y los modificadores a la directiva v-model en Vue.js. Estos dos artículos nos servirán para explicar el tema del día de hoy, los métodos en Vue.js. Probablemente ya estarás familiarizado con los métodos en JavaScript, pues en Vue los métodos deben definirse dentro del objeto methods de la instancia de Vue. Veamos la siguiente definición del método sum que realiza la suma sobre dos atributos de la instancia de Vue.

var app = new Vue({
  el: '#app',
  data: {
    n1: 0,
    n2: 0
  },
  methods: {
    sum: function() {
      return this.n1 + this.n2;
    }
  }
});

Como puedes ver es posible utilizar this para acceder a las propiedades de Vue dentro de un método. En este caso el método retorna la suma de las propiedades n1 y n2. En el siguiente ejemplo de codepen puedes ver el ejemplo en funcionamiento. Hasta la próxima

See the Pen Use of methods by Darío Rivera (@fermius) on CodePen.



Si te ha gustado este artículo puedes invitarme a tomar una taza de café

Acerca de Darío Rivera

Author

Ingeniero de desarrollo en PlacetoPay , Medellín. Darío ha trabajado por más de 6 años en lenguajes de programación web especialmente en PHP. Creador del microframework DronePHP basado en Zend y Laravel.

Sólo aquellos que han alcanzado el éxito saben que siempre estuvo a un paso del momento en que pensaron renunciar.