【 VUE 】vue中的filter

filter的使用

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。

---

怎样使用 ：
1.双花括号插值 {{ msg | filter}}
2. v-bind 表达式 (后者从 2.1.0+ 开始支持)。

// 过滤器输入filter 显示 Filter

 <!-- 过滤器 //输出 Filter -->
 <div>{{ message | capitalize }}</div> 
 <!-- 在 `v-bind` 中 -->
 <div v-bind:id="rawId | formatId"></div>

//template
	data(){
		return{
			message:'filter',
		}
	}
//过滤器
    filters: {
        capitalize: function (value) {
            if (!value) return ''
            value = value.toString()
            return value.charAt(0).toUpperCase() + value.slice(1)
        },
        formatId:function(value){
            if (!value) return ''
            value = value.toString()
            return value.charAt(0).toUpperCase() + value.slice(1)
        }
    },