是計算值 應用：就是簡化tempalte里面{{}}計算和處理props或$em ...

計算屬性： 方法： 區別： 1·、兩者的執行結果是完全相同的 2、計算屬性是基於他們的依賴進行緩存的，只有在相關依賴發生改變時，他們才會重新求值，也就是說，只要他的依賴沒有發生變化，那么每次訪問的時候計算屬性都會立即返回之前的計算結果，不再執行 ...

首先看看 methods 方法 瀏覽器打開查看控制台，顯示如下 接着點擊第一個按鈕 ‘ add to a ’，控制台顯示如下 點擊 ‘ add to a ’，只是讓 a 的值加 1，而其他值都沒有變化，但發現不是只有 與 a 值有關聯的 addtoa 方法 ...

1、兩者的執行結果是完全相同的 2、計算屬性是基於它們的依賴進行緩存的，只有在相關依賴發生改變時它們才會重新求值也就是說，只要他的依賴沒有發生變化，那么每次訪問的時候計算屬性都會立即返回之前的計算結果，不在執行函數 3、methods方法，每當觸發重新渲染時，調用方法將總是再次執行函數 ...

在學習官網時一直沒搞懂計算屬性和方法的區別，查看了一些博客和資料總結了一下， 1.methods方法： 控制台打印： 當修改其中一個屬性時，其他屬性的值都沒改變，但會發現methods里的方法都被執行 2.computed計算屬性 控制台打印： 會發現當修改其中一個值 ...

1.methods方法： 控制台打印： 當修改其中一個屬性時，其他屬性的值都沒改變，但會發現methods里的方法都被執行 2.computed計算屬性 控制台打印： 會發現當修改其中一個值的時候，只會執行 ...

一、計算屬性與方法 首先兩者返回的結果一樣，但是 1、計算屬性他是依賴於響應式緩存的，也就是說當響應式信息沒有改變時，它會利用原先的緩存進行顯示，而不用不停的去調用方法 　　　　　　例如：有一個計算屬性A,需要大量的計算才可以得到A,同時有一個依賴於A的計算屬性B ...

計算屬性 vue的模板里可以使用表達式，但是它的設計初衷是用於簡單計算，在模板中放入太多邏輯會讓模板過重且難以維護。例如： 這里很難一眼看出是要顯示什么，而且要多次使用的話也很麻煩，因此對於復雜邏輯應使用計算屬性 錯誤示例 ```html Title ...