vue 全局filter的坑

Posted 2021-01-20 lianxisheng

下面连段代码的filter放在不同的位子会有不同的效果,

1.filter放在new vue之后,居然不起作用

<script> 
        new Vue({
            el: ‘#app‘,
            data: {
                isActive: true,
                hasError: true,
                testVal: 20
            }
        })

　　　　　Vue.filter(‘filVal‘, function(val, first, second) {
            return val + first + second;
        })

</script>

2.filter放在new vue之前却可以

    <script>       
        Vue.filter(‘filVal‘, function(val, first, second) {
            return val + first + second;
        })
        new Vue({
            el: ‘#app‘,
            data: {
                isActive: true,
                hasError: true,
                testVal: 20
            }
        })
    </script>