计算属性computed

   <div id="app">
        <h3>{{reverseMsg}}</h3>
    </div>

    <script>
        new Vue({
            el: '#app',
            data: {
                msg: 'hello world'
            },
            computed: {
                //computed默认只有getter方法
                //计算属性最大的优点：产生缓存，如果数据没有发生变化，直接从缓存中去取
                reverseMsg: function() {
                    return this.msg.split('').reverse().join('')
                }
            },
        })
    </script>