Custom methods for text interpolation

[o-alexandrov]

What problem does this feature solve?

It will allow to create custom methods(filters) for text interpolation.
Declare those methods as Actions, for example, in vuex and map them app-wide.
Thus, there would be no need in importing libraries.

What does the proposed API look like?

For example, a developer could simply add the following function as a method:

numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3}) (?!\d))/g, ",");
}

And then, inside the mustache syntax do the following:

{{ number.numberWithCommas }}

That would call the function and return a formatted number.

[o-alexandrov]

Another important part is that it could be applied to the specific elements of the template, even though they bind to the same initial value.
Also, it could ease the filtering for text interpolation inside elements that have v-for

[HerringtonDarkholme]

What's the difference from the native filter, I wonder?
https://vuejs.org/v2/guide/syntax.html#Filters

[o-alexandrov]

oh I apologize, my bad, I missed that feature:)
Thank you for pointing that out

[o-alexandrov]

@HerringtonDarkholme is it possible to define filters once for the whole app though?
i.e. across components

[posva]

Vue.filter()
Please ask questions on the forum or StackOverflow. Thanks 🙂