Computed message Vue

Basic example of computed message Vue

by Megi93

HTML

<div id="example">
    <p>Original message: "{{ message }}"</p>
    <p>Computed reversed message: " {{ reverseMsg }}"</p>
    <p>Reversed message: "{{ reverseMessage() }}"</p>
<p> {{ now }}</p>
</div>

JavaScript

var vm = new Vue({
    el: '#example',
    data: {
        message: 'Hello Magdalena'
    },
    methods: {
        reverseMessage: function() {
            return this.message.split('').reverse().join('')
        }//,
		//now: function () {
		//	return Date.now()
		//}
    },
    computed: {
        reverseMsg: function() {
            return this.message.split('').reverse().join('');
        },
		now: function () {
			return Date.now()
		}
    }
})