过滤器filter

    <div id="app">
        <!-- 过滤器使用需要加上管道符 |  -->
        <h3>{{price | myPrice('¥')}}</h3>
        <h3>{{msg | myReverse}}</h3>
    </div>

    <script>
        //创建全局过滤器
        Vue.filter('myReverse', (val) => {
            return val.split('').reverse().join('')
        })

        new Vue({
            el: '#app',
            data: {
                price: 10,
                msg: '全局过滤器'
            },
            //局部过滤器
            filters: {
                myPrice: function(price, a) {
                    return a + price
                }
            }
        })
    </script>

 

posted @ 2020-05-16 11:30  南啾  阅读(92)  评论(0编辑  收藏  举报