如何修复vue/no-side-effects-in-computed-properties ESLint报错？

ESLint 抛出的vue/no-side-effects-in-computed-properties规则报错是符合Vue设计规范的：计算属性的定位是纯函数，仅根据依赖返回计算结果，不允许修改组件内部状态、修改外部变量这类副作用操作，你之前在filteredproperties计算属性里直接修改this.totalblog的写法不符合规范。

将计算属性按职责拆分，去掉对data中totalblog的依赖，改用纯计算属性实现总数量统计：

1. 拆分出独立的计算属性负责筛选、排序逻辑，返回完整的符合条件的数据集
2. 原列表渲染用的计算属性仅负责分页切片
3. 总匹配数量直接从完整数据集取长度，不需要存到data里

调整后的完整代码 #