前言

在现代前端开发中，组件化开发已经成为主流，而如何高效地开发、测试和展示这些组件则是每个开发者都需要面对的挑战。项目中需要一款框架能够帮助开发者在独立环境中开发和测试组件，同时还能生成详细的文档，方便团队协作。经过一番研究和尝试，我发现了 Storybook 这款强大的工具。

项目中需要动态的配置侧边导航菜单中的图标，所以需要所有的 Element Plus 的图标。
因为 HTML 标准已经定义了一个名为 menu 的标签，需要使用别名来 menu 渲染图标。
所以采取了全局注册 Element Plus 的图标并注册别名的方法。

<script setup>是一种编译时的语法糖，用于在单文件组件（SFC）中使用组合式API。它是推荐的语法，如果你同时使用SFC和组合式API。它提供了一些优点，比如：

• 代码更简洁，减少了样板代码
• 可以使用纯TypeScript声明props和emitted events
• 更好的运行时性能（模板被编译为在同一作用域内的渲染函数，没有中间代理）
• 更好的IDE类型推断性能（语言服务器从代码中提取类型的工作量更少）

Vue.js 是一种现代的JavaScript框架，使用它可以帮助您开发漂亮、高效的Web应用程序。但是，Vue.js 具有非常丰富的功能，掌握它可能会让人望而却步。为了帮助大家掌握Vue.js 的核心知识点，我们准备了这份 Vue.js 思维导图。

该思维导图汇总了 Vue.js 的核心知识点，帮助您以系统的方式掌握Vue.js 相关的组件化、数据驱动、指令与事件、组件交互等知识点。借助这份思维导图，您可以更快地了解Vue.js，为学习它的高级特性打下坚实的基础。

Vuex 是 Vue.js 中非常常用的状态管理库，因此，学习 Vuex 对于 Vue.js 开发非常重要。下面是一个 Vuex 的学习指南，旨在使编程初学者更容易理解。

本文为您提供完整的前端知识大纲，旨在帮助您系统地了解和学习前端相关技术。本文内容包括 HTML、CSS、JavaScript、浏览器等方面的知识，同时也涉及 Git、NPM、前端框架等与前端相关的技术和工具。

本文转载自 standardjs.com

这是 JavaScript standard 代码规范的全文。

掌握本规范的最好方法是安装并在自己的代码中使用它。

=> 《Vue学习系列》

前言

开始 Vue 的学习。后面会陆续的更新一些学习 Vue 过程中的理解和记录。