关于pages的疑问

来源:2-8 Vue项目首页 - 图标区域逻辑实现

陈立天

2020-10-22 13:52:10

# 具体遇到的问题
http://img.mukewang.com/climg/5f911e080955349e15950832.jpg# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

写回答

2回答

好帮手慕慕子

2020-10-22

同学你好,对于你的问题解答如下:

  1. return pages返回的值就是计算属性最终的值。

    http://img.mukewang.com/climg/5f9131f809a975d705370674.jpg

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

    http://img.mukewang.com/climg/5f91321e0932d9e304780196.jpg

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

    通过打印查看分组之前和之后的数据

    http://img.mukewang.com/climg/5f91375f09f44f8507880438.jpg

    http://img.mukewang.com/climg/5f91380009dcce4c12690475.jpg

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

    http://img.mukewang.com/climg/5f91386209954be711180376.jpg

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

    http://img.mukewang.com/climg/5f9139a109e4404611530849.jpg

  3. 只要是数据没发生改变,那么就不会再重新计算一遍属性了,这样就运用到了缓存机制。由此也可以知道使用计算属性的好处就是利用缓存机制,减少内存,提高代码执行效果。

祝学习愉快~

0

陈立天

提问者

2020-10-22

这里使用计算属性有什么好处吗?  这里好像没有运用到缓存的机制把

0

0 学习 · 10739 问题

查看课程