filter过滤器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>filter过滤器</title>
</head>
<body>
    <div id="app">
         <input type="text" v-model='text'>  
         <br>
         <!-- <span v-text='toUp(text)'></span> -->
         <span>{{text|filterA|filterB}}</span>
         
    </div>
 
    <script src="../node_modules/vue/dist/vue.js"></script> 
    <script> 
 
        let vm = new Vue({
            el: "#app",
            data: {
              text:''  
            },
            methods:{
                toUp(value){
                    return 2 + value
                } 
            },
            //过滤器方法
            filters:{
                filterA(value){
                    return value + 'text'
                },
                filterB(value){
                    return value.split('').reverse().join('');
                }
            }
        });
  
    </script>
 
</body>
</html>
posted @ 2021-02-26 16:22  13522679763-任国强  阅读(31)  评论(0)    收藏  举报