我們在模板中要進行計算或轉換資料時computed及method通常能做到一樣的效果，這麼說的話那不就從其中選一個用不就得了，可是vue做出他們都一定有他們都用意，所以我就會在今天用我的觀點來介紹它們。

Computed

computed簡單來說，就是在網頁開始執行時就會先把computed裡的資料先做計算，無論畫面重新渲染幾次呈現的資料都還是一樣的，除非我們去改變原始的資料才會觸發那我們來做做看

我們先在computed裡做簡單的程式，讓computed_test執行時會跑出"computed執行一次的訊息"

讓computed_test處理三次

以正常人的理解，這裡的computed_test應該會跑出三次訊息但是卻只有出現一次，那是因為computed裡的computed_test程式一開始已經處理好裡面的資料所以無論compted_test跑在多次都只會出現一次訊息

那要是我們在console裡去更改資料的話就會再出現一次訊息

Method

那麼method和computed比起來就單純多了，method則是一旦畫面重新渲染後就會重新執行method裡的資料

這裡和上面的computed差不多只是改成methods而已，記得要加s喔，不然會出錯

wow~訊息出現了三次了內，這跟剛才的computed就看得出差別了吧。

那我們也在console改看看資料，如我預期每個method_test都因為資料，重新線染所以又重新執行一遍了

今天介紹了computed與method後，可以知道computed常使用在大量的計算與資料不易更動的情況下來使用，則method若是有需要隨時更新時就常拿來應用。

今天就先到這了，明天見~