vue如何自定义过滤器 vue怎么自定义过滤器

文章摘要：vue如何自定义过滤器 vue怎么自定义过滤器

在vue中自定义过滤器的方法：1.新建vue.js项目；2.使用Vue.filter()方法自定义过滤器； 具 […]

在vue中自定义过滤器的方法：1.新建vue.js项目；2.使用Vue.filter()方法自定义过滤器；

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用Vue.filter()方法即可自定义一个过滤器；

Vue.filter("sumnum",function(value){

return value + 10;

});-

相关扩展：

1）使用uppercase过滤器将表达式中的所有字母转换为大写形式

{{'abc' | uppercase}} // 'abc' => 'ABC'

2）使用lowercase过滤器将表达式中的所有字母转换为小写形式

{{'ABC' | lowercase}} // 'ABC' => 'abc'

3）使用capitalize过滤器将表达式中的首字母转换为大写形式

{{'abc' | capitalize}} // 'abc' => 'Abc'