VUE学习笔记之computed计算属性

原创 tiffany拉拉 随笔 vue学习笔记 244阅读 2018-01-08 18:30:01 举报

案例:
html 代码

javascript 代码

结果:
如果用methods的话,每次点击其中一个按钮的时候,控制台会打印出两个信息,
如果用computed的知,每次点击按钮的时候,控制台只会打印与方法中相关属性的信息;

区别:
computed称为计算属性,顾名思义,计算就要返回一个计算的结果,所以,当我们要处理大量的逻辑,但是最后要取得最后的结果的时候可以用computed;
methods:是方法的意思,在js中,我们把一些函数叫做方法,一般情况下,要触发这个方法就要执行,要执行就要有一个源来触发,所以就需要一个事件源。
computed计算的结果如果不发生改变就不会触发result这个函数。而methods中一般都是定义的需要事件触发的一些函数。每次只要触发事件,就会执行对应的方法。如果把computed中的方法写到method中会浪费性能。
computed必须返回一个值页面绑定的才能取得值,而methods中可以只执行逻辑代码,可以有返回值,也可以没有。

评论 ( 1 )
最新评论
戒不掉的殇 2018-01-09 09:12:38 1F

computed 和 created 有什么区别呢?