【 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)
        }
    },