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, '你')

　 　　　　　　}

　　　　　　}

});

巴特西

vue中过滤器filter

最新文章

热门文章