关于pages的疑问
来源:2-8 Vue项目首页 - 图标区域逻辑实现
陈立天
2020-10-22 13:52:10
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
2回答
同学你好,对于你的问题解答如下:
return pages返回的值就是计算属性最终的值。

同学如果对计算属性computer的使用方式不熟悉,可以回顾下基础课程的讲解,加深印象。如下:

这里不是使用计算属性就可以实现分页效果了,而是在计算机属性内部,定义了一个空数组,然后通过计算将所有的数据分为两组数组,存到之前定义的空数组中,此时的两组数据就表示每一页需要的数据了,最后return返回定义的数组就是计算属性pages的值了。具体可以如下分析理解:
通过打印查看分组之前和之后的数据


计算过程的代码可以参考下图注释理解。

然后根据数据,渲染页面就可以了。

只要是数据没发生改变,那么就不会再重新计算一遍属性了,这样就运用到了缓存机制。由此也可以知道使用计算属性的好处就是利用缓存机制,减少内存,提高代码执行效果。
祝学习愉快~
陈立天
提问者
2020-10-22
这里使用计算属性有什么好处吗? 这里好像没有运用到缓存的机制把
相似问题
回答 2
回答 2