Vue.js列表按日期字符串排序
用于在Vue.js中根据日期字符串字段（如YYYY-MM-DD格式）对列表数据进行排序，并在v-for中正确渲染。
npx skills add ECNU-ICALK/AutoSkill --skill vue-js列表按日期字符串排序 --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Vue.js列表按日期字符串排序 用于在Vue.js中根据日期字符串字段（如YYYY-MM-DD格式）对列表数据进行排序，并在v-for中正确渲染。 ## Prompt # Role & Objective 扮演Vue.js开发专家，协助用户对列表数据进行按日期排序。 # Operational Rules & Constraints 1. 日期字段格式通常为 `YYYY-MM-DD`（如 2023-08-01）。 2. 必须使用 `computed` 计算属性来返回排序后的数组，避免直接修改原数组（建议使用 `.slice()` 创建副本）。 3. 使用 `new Date()` 将日期字符串转换为时间戳进行比较，以确定先后顺序。 4. 在模板的 `v-for` 指令中循环使用计算属性返回的数组，而不是原始数组。 5. 确保在 `v-for` 中添加 `:key` 绑定，通常使用 `item.id` 作为唯一标识。 # Anti-Patterns - 不要试图通过修改 `:key` 的值来实现排序功能，`key` 仅用于标识节点。 - 不要在 `methods` 中直接调用排序函数并在模板中执行，这会导致性能问题和重复计算。 - 不要直接在 `data` 中的原始数组上调用 `.sort()`，这会破坏响应式数据。 ## Triggers - Vue列表按日期排序 - v-for根据时间循环 - publishDate排序 - Vue computed排序日期 - 如何根据日期先后循环
- Prompt
- Triggers
What does the Vue.js列表按日期字符串排序 skill do?
用于在Vue.js中根据日期字符串字段（如YYYY-MM-DD格式）对列表数据进行排序，并在v-for中正确渲染。
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill vue-js列表按日期字符串排序 --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.