vue中过滤器filter
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, '你') } } });