計算屬性：是基於它們的依賴進行快取的。只在相關依賴發生改變時它們 才會重新求值。這就意味著只要 message 還沒有發生改變，多次訪問 計算屬性會立即返回之前的計算結果，而不必再次執行函式

函式方法：每當觸發重新渲染時，呼叫方法將總會再次執行函式

綜上： 計算屬性 適合較大量計算和改變頻率較低的屬性，效能更好 函式方法 適合改變頻率高和不需要快取的屬性

<div id="enjoy">
    <p>初始值：{{msg}}</p>
    <p>翻轉值（法一:資料）：{{msg.split('').reverse().join('')}}
 
</p>
    <p>翻轉值（法二:函式）：{{reverseStr()}}</p>
    <!--計算屬性後面不加括號-->
    <p>翻轉值（法三:計算屬性）：{{reverse}}</p>
</div>

        {
            new Vue({
                el:'#enjoy',
                data:{
                    msg:'hello!'
                },
                methods:{
                    reverseStr(){
                       return
 
 this.msg.split('').reverse().join('');
                    }
                },
                computed:{//計算選項
                    //get方法
                    reverse(){
                        return this.msg.split('').reverse().join('');
                    }
                }
            })
        }