Vue的computed 与 methods区别点

 以上两段代码都是对字符串进行倒置,实现的结果没有什么区别

computed:{} 与 methods:{}的区别:计算属性computed有一个缓存,在data没有改变之前,计算值都会保存,要访问直接调出;而事件属性methods则是每次调用都需要进行一次计算;

假设我们有一个性能开销比较大的计算属性 A,它需要遍历一个巨大的数组并做大量的计算。然后我们可能有其他的计算属性依赖于 A。如果没有缓存,我们将不可避免的多次执行 A ,这会加大性能开销,这时用computed就比methods的效果好得多;

猜你喜欢

转载自blog.csdn.net/qq_52070860/article/details/120880515