Day8 Vue Computed vs Method

我们在模板中要进行计算或转换资料时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若是有需要随时更新时就常拿来应用。

今天就先到这了，明天见~