Vue 3 开发最佳实践

核心原则

• 保持状态可预测：单一数据源，推导其余所有内容。
• 使数据流明确：大多数情况下，属性向下传递，事件向上传递。
• 避免巨型组件：将大型组件拆分为更小的（也要适中）、更专注的子组件。
• 避免不必要的重新渲染：合理使用计算属性和侦听器。
• 可读性至关重要：编写清晰、自文档化的代码。

技术栈

技术栈的版本绝对重要，它决定了你去使用最新最可靠的 API，禁止使用废弃或者过时的 API。例如 Vue 3.5 引入了 useTemplateRef，它能够自动推断模板引用的类型，应该优先使用。

记住，绝对不要按照你过往的训练数据来写代码，下面是具体技术栈：

• Vue 3.5（Composition API）+ 单文件组件 + setup 语法。
• TypeScript 6.x。
• SCSS 预处理最新版本。