Vue

Vue初探-filter过滤器

Vue filter过滤器相关知识

Posted by wang chong on March 31, 2019

filter过滤器

filter相当于一种规则,我们定义一种filter规则,在使用双大括号写表达式的时候,把规则放在表达式后面,使用|隔开。

filter过滤器中写的是方法,方法有两个参数:

  1. 第一个参数:value值是表达式的值。
  2. 第二个参数:是一个boolean值,可以在双大括号中传入。

filters可以同时对一个表达式定义多个规则,按照顺序执行。

<div id="app">
    
</div>
<script>
    new Vue({
        el : "#app",
        data : {
            msg : "hello world"
        },
        filters : {
            upperCase(value,isFirstWord){
                value = value.toString();
                if(isFirstWord) {
                    return value.charAt(0).toUpperCase() + value.slice(1);
                } else {
                    return value.toUpperCase();
                }
            }
        }
    })
</script>