Vue系统学习：03、计算属性

    <div id="app">
        <!-- 不要计算属性 -->
        <h2>{{msg1}} {{msg2}}</h2>  
        <!-- 使用计算属性。代码简洁 -->
        <h2>{{fullMsg}}</h2>
    </div>

    <script src="../js/vue.js"></script>

    <script>
        const test = new Vue({
            el: ‘#app‘,
            data: {
                msg1: ‘hello‘,
                msg2: ‘word‘
            },
            computed: {
                fullMsg() {
                    return this.msg1 + ‘ ‘ + this.msg2
                }
            }
        })
    </script>