Saltar al contenido

VueJS Filtros – Crea tu ownFeb, 24thIn este tutorial, vamos a aprender acerca de cómo crear filtros en …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo crear filtros en vue.js aplicaciones con la ayuda de ejemplos. Los filtros

en VueJS, nos ayuda a transformar la salida de representación de los datos.

filtros se utilizan en dos lugares.

  • Musthache Interploations {{}}.
  • expresiones v-BIND.

Creación de filtros

En Vue, podemos crear dos tipos de filtros que son filtros globales y locales.

Global Filtros : Podemos acceder a los filtros globales a través de nuestra aplicación Vue.

local Filtros : Sólo podemos acceder a los filtros locales dentro de un componente.

Global Filtros

Vamos a crear un filtro global llamada reverseData que se utiliza para invertir la cadena proporcionada.

Nota: Los filtros globales se crean ante la instancia vue raíz.

import Vue from "vue";
import App from "./App.vue";

Vue.filter("reverseData", function(value) {
return value
.split("")
.reverse()
.join("");
});

new Vue({
render: h => h(App)
}).$mount("#app");

Uso del filtro

filtros se pueden utilizar con el símbolo de tubería | filterName.