You’re browsing the documentation for v2.x and earlier. For v3.x, click here.
Vue.js allows you to define filters that can be used to apply common text formatting. Filters are usable in two places: mustache interpolations and v-bind expressions (the latter supported in 2.1.0+). Filters should be appended to the end of the JavaScript expression, denoted by the “pipe” symbol:
What's the best/standard way to pass data to a component I'm registering? I was thinking about something like this: // Creating a new component var Component = Vue.extend( ready: function // Print value that was passed on registrati. Joe Satriani 1987 - The Headless Horseman/Ice 9 Live @ Limelight NY - 1987 + Stu Hamm bass solo.
You can define local filters in a component’s options:
or define a filter globally before creating the Vue instance:
When the global filter has the same name as the local filter, the local filter will be preferred.
Below is an example of our capitalize filter being used:
{{ message capitalize }}
The filter’s function always receives the expression’s value (the result of the former chain) as its first argument. In the above example, the capitalize filter function will receive the value of message as its argument.
Filters can be chained:
In this case, filterA, defined with a single argument, will receive the value of message, and then the filterB function will be called with the result of filterA passed into filterB‘s single argument.
Vue Par Satriani App
Filters are JavaScript functions, therefore they can take arguments:
Here filterA is defined as a function taking three arguments. The value of message will be passed into the first argument. The plain string 'arg1' will be passed into the filterA as its second argument, and the value of expression arg2 will be evaluated and passed in as the third argument.