Vue.js 允許我們自定義過濾器,可被用作一些常見的文本格式化。過濾器可以用在兩個地方:mustache 插值表達式、 v-bind表達式。過濾器應該被添加在 JavaScript 表達式的尾部,由“管道”符指示。
1. 插值表達式
<p>{{msg | msgFormat}}</p>
管道符前面的msg:要過濾的內容
管道符后面的msgFormat:是過濾器通過msgFormat來過濾
2. 定義過濾器msgFormat
var vm = new Vue({
el: '#app',
data: {
msg: '我想我是是世界上最好看的'
},
methods: {},
filters: {
msgFormat: function (myMsg) { //function 的第一個參數指的是管道符前面的 msg
return myMsg.replace(/我/g, '你')
}
}
});