<!-- 在雙花括號中 --> {{ message | capitalize }} <!-- 在 `v-bind` 中 --> <div v-bind:id="rawId | formatId"></div>
你能夠在一個組件的選項中定義本地的過濾器:api
filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) } }
過濾器是 JavaScript 函數,所以能夠接收參數:函數
{{ message | filterA('arg1', arg2) }}
這裏, 被定義爲接收三個參數的過濾器函數。其中 的值做爲第一個參數,普通字符串 做爲第二個參數,表達式 的值做爲第三個參數。filterAmessage'arg1'arg2