Vue中計算屬性和 watch的區別

通俗來講，既能用computed 實現又可以用 watch 監聽來實現的功能，推薦用 computed，重點在於 computed 的緩存功能

computed計算屬性是用來聲明式的描述一個值依賴了其它的值，當所依賴的值或者變量改變時，計算屬性也會跟着改變；

watch 監聽的是已經在 data 中定義的變量，當該變量變化時，會觸發 watch 中的方法；

 

根據一個現有數據去生成一個新數據，並且這兩個數據會永久的建立關系，還會建立緩存，當無關數據改變的時候，不會重新計算而是直接使用緩存中的值

 

<div id="app">
  <p>{{fullName}}</p>
</div>

<script>
  var vm = new Vue({
    el: '#app', 
    data: {
      firstName: 'si',
      lastName: 'li'
    },
    computed: {
      fullName() {
        return this.firstName + this.lastName
      }
    }
  })
</script>

　　fullName 不需要在 data 中聲明