vue中的过滤器使用 


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
<div id="app">
    <p>{{price|RMB}}</p>
</div>
</body>
<script>
<!--    过滤器分两种：全局过滤器和局部过滤器，用来格式化文本-->
    Vue.filter('RMB',function(v){
        //全局过滤器
        return v + '$'
    });
    var vm = new Vue({
        el:'#app',
        data:{
            price:23.9,
            },
        //局部过滤器，直接把过滤器写在vm对象中
        filters:{
                'RMB':function(v){
                    return v + '$'
                }
        }

    })
</script>
</html>
posted @ 2020-09-13 16:53  豆子V  阅读(113)  评论(0)  编辑  收藏  举报