02_03.グローバルフィルタとローカルフィルタ

    
    
    
    
    


    

        
{{ obj | json }}
        
{{ str | uppercase }}
    

    

        
{{ obj | json }}
        
{{ str | uppercase }}
    

    
    
        //      
        Vue.filter('json', function(obj) {
            return JSON.stringify(obj);
        });

        //        
        var vm = new Vue({
            el: '#app',
            data: {
                obj: {a: 'bbb', b: 'eee'},
                str: 'abcdef'
            },
            filters: {
                //        
                uppercase(str) {
                    return str.toUpperCase();
                }
            }
        });

        //        
        var vm = new Vue({
            el: '#app2',
            data: {
                obj: {a: 'bbb', b: 'eee'},
                str: 'abcdef'
            }
        });