Filters Vue

by Megi93

HTML

<div id="app">
    <p> {{ theTitle | upercase | lowercase }}</p>
    <p> {{ message | uppercase }} </p>

</div>

JavaScript

// globaly
Vue.filter('uppercase', function(value) {
	return value.toUpperCase();
});

new Vue({
    el: '#app',
    data: {
        title: 'hello world!',
        message: 'something'
    },
    methods: {

    },
    computed: {
        theTitle: function() {
            return this.title.toUpperCase();
        }
    },
	// localy
	filters: {
		lowercase: function(value) {
			return value.toLowerCase();
		}
	}
});