How To Use Custom Filters In Vue.js?

1.	How To Use Custom Filters In Vue.js?
Answer» HTML:- <DIV id="app"> <ul> <li v-for="friend in friends \| order By 'age'"> {{ friend.NAME }}li> ul> div> JS:- var my Model = { name: "Laraphp", age: 24, friends: [ { name: "PHP", age: 21 }, { name: "VUE", age: 20 }, { name: "angular", age: 29 } ] }; HTML:- <div id="app"> <ul> <li v-for="friend in friends \| order By 'age'"> {{ friend.name }}li> ul> div> JS:- var my Model = { name: "Laraphp", age: 24, friends: [ { name: "php", age: 21 }, { name: "vue", age: 20 }, { name: "angular", age: 29 } ] };

Answer»

HTML:-

<ul>

<li v-for="friend in friends | order By 'age'"> {{ friend.NAME }}li>

ul>

div>

JS:-

var my Model = {

name: "Laraphp",

age: 24,

friends: [

{ name: "PHP", age: 21 },

{ name: "VUE", age: 20 },

{ name: "angular", age: 29 }

]

};

HTML:-

<ul>

<li v-for="friend in friends | order By 'age'"> {{ friend.name }}li>

ul>