Vue2.0——过滤器

过滤器：对绑定的数据以及格式进行整理

添加位置：v-bind绑定值 ，{ {}}添加过滤器。
表达式的尾部以管道的方式引入 |

到现在2.x版本 过滤器都是自定义的 vue允许自定义过滤器

两种过滤器： 全局过滤器 和 局部过滤器
过滤器都需要返回值

一.局部过滤器

在当前组件内部使用

1.无参过滤器

在filters属性上自定义过滤器实现

<template>
<div id="index">
    {
   {
   msg|toUpperCase}}
    {
   {
   msg|capitalize}}
</div>
</template>
<script>
export default{
   
    name:"index",
    filters:{
   
        toUpperCase(value){
   
            //转化大写过滤器
            return value.toUpperCase();
        },
        capitalize(value){
   
            //首字母大写 其他小写
            return value.charAt(0).toUpperCase()+value.slice(1).toLowerCase(); 
        }
    },
    
    msg:'abc',

2.带参过滤器

     <input type="text" v-model="sex">
     {
   {
   stu|selecSex(sex<