vue computed example1

20171230

by Syuan Shih

HTML

<div id="app">
    <p>原始訊息：{{ message }}</p>
    <p>反轉訊息：{{ reverseMessage }}</p>
</div>

JavaScript

var vm = new Vue ({
    el: '#app',
    data: {
        message: 'Hello'
    },
    computed: {
        reverseMessage() {
            return this.message.split('').reverse().join('');
        }
    }
});