計算屬性vs方法

• 計算屬性是基於它們的響應式依賴進行緩存的，只在相關響應式依賴發生改變時它們纔會重新求值。
• 而每當觸發重新渲染時，調用方法總會再次執行函數。

<div>計算屬性方式：{{ reveres1 }}</div>
<div>方法方式：{{ reveresMethod2() }}</div>
<button @click="() => $forceUpdate()">改變</button>
<input v-model="message"></div>

export default {
  name: "aCom",
  data() {
    return {
        message: 'Hello World'
    }
  },
  computed: {
    reveres1() {
        console.log('執行了reveres1');
        return this.message.split('').reverse().join('');
    }
  },
  methods: {
    reveresMethod2() {
        console.log('執行了reveresMethod2');
        return this.message.split('').reverse().join('');
    }
  }
};