Shulou(Shulou.com)06/01 Report--

This article will explain in detail what is the use of filter in vue. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

Filter

Function: for some common text formatting and some canonical data mapping.

Usage:

{{message | capitalize}} / / Register filters: {capitalize: function (value) {if (! value) return''value = value.toString () return value.charAt (0). ToUpperCase () + value.slice (1)} / / globally register Vue.filter (' capitalize') Function (value) {if (! value) return''value = value.toString () return value.charAt (0). ToUpperCase () + value.slice (1)}) new Vue ({/ /...})

Description:

The filter function always takes the value of the expression (the result of the previous chain of operations) as the first parameter.

The filter should be added at the end of the JavaScript expression, indicated by the "pipe" symbol.

Ps: a filter can accept multiple parameters, such as {{message | filterA ('arg1', arg2)}}, where filterA is defined as a filter function that receives three parameters. Where the value of message is the first parameter, the normal string 'arg1' is the second parameter, and the value of the expression arg2 is the third parameter.

This is the end of this article on "what is the use of filter in vue?". I hope the above content can be helpful to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.