過濾器使用的地方
<!-- 在雙花括號中 -->
{{ message | capitalize }}
<!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | formatId"></div>
- 你可以在一個組件的選項中定義本地的過濾器：
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
- 或者在創(chuàng)建 Vue 實例之前全局定義過濾器：
···
Vue.filter('capitalize', function (value) {
//value為假的時候返回空對象
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})
new Vue({
// ...
})
···
