好长时间一直分不清computed和methods两者的区别,后来就参考别人的观点加上自己的理解,总结了本篇文章,有不足之处还望多多指正。
在写代码时,想要完成比较复杂的逻辑时,会用到computed或methods,两者经常出现混用的状态,有时候混用不是不可以,但是会出现浪费性能的问题,在一些小项目中可能体现不出来,但是当我们在建设一个很大的项目的时候,这样问题就暴露出来了。
computed在vue中是一种计算属性,在使用中有以下特点:
1.在书写时computed有个很明显的特点--必有返回值,
2.在系统刚运行的时候会调用一次,在数值发生变化的时候会一直执行,而不是调用的时候执行,所以在持续输入时会很消耗性能
3.在调用时直接将返回值 视为一个变量值就可使用,无需进行函数调用。
4.当计算结果不变时,该函数仅会调用一次,这是computed的缓存功能,合理使用会大大提高代码的运行速度
methods在vue中是一种方法,特点如下:
1.页面刚加载时调用一次,后期只有被调用时才会执行。
2.调用的时候需要加括号,这样与computed的不同点
3.methods中返回值是可写可不写的,在这里不强制
走别人不曾走过的路,才能看到别人不曾看到的风景。