vue-4 全局过滤器和局部过滤器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>vue</title>
    </head>
    <body>
        <div id="app"></div>
        <script src="https://vuejs.org/js/vue.js"></script>
        <script>
            /*
                过滤器没啥好说的
                就是对输出的数据 中间在一个函数里过一遍 进行处理完成之后 在返回。

                有全局过滤器和组件过滤器
                写法稍有一些不同 全局是直接通过Vue.filter过滤  局部是直接在当前组件定义filters


            */
           Vue.filter(
            'fanzhuan',function(val){
                return val+'1111';
            }
           )
            new Vue({
                el:"#app",
                template:`
                    <div>

                        我输入的
                        <input type="text" v-model='demo' /><br>
                        输出我的输出的:{{demo}}<br>
                        翻转:{{demo | fanzhuan}}


                    </div>


                `,
                data:function(){
                    return {
                        demo:'1232'
                    }
                },

                filters:{
                    fanzhuan:function(val){
                        return val+'1111';
                    }
                }



            })
        </script>
    </body>
</html>
发表评论 / Comment

提示:本文章评论功能已关闭