1. 程式人生 > >vue 全局filter的坑

vue 全局filter的坑

test first vue 全局 highlight ror 代碼 true cti

下面連段代碼的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>

  

vue 全局filter的坑