BALearn.cn

深色模式

Vue 学习笔记 ​

Vue 官网中文 —— https://cn.vuejs.org/

什么是 Vue.js ​

Vue 是一个开源的前端 JavaScript 框架，用于在 Web 上生成用户界面和单页应用程序。

什么场景下使用 Vue ​

Vue 为渐进式框架，具有灵活性和可逐步集成的特点。使用 Vue 的多种方式：

  • 无需构建步骤，渐进式增强静态的 HTML
  • 在任何页面中作为 Web Components 嵌入
  • 单页应用 (SPA)
  • 全栈 / 服务端渲染 (SSR)
  • Jamstack / 静态站点生成 (SSG)
  • 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面

查找更复杂的示例：https://vuejsexamples.com/

Vue 工具 ​

Vue.js 仅专注于视图层，因此可能需要其他工具来创建更复杂的应用。 可能需要考虑使用：

  • 包管理器：Vue 的两个常用包管理器分别是 npm（包含在 NodeJS 中）和 yarn。 两者都支持可以安装的大量维护良好的包库。
  • Vite：是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。
  • Nuxt.js：一个基于 Vue.js 的通用应用框架。
  • Vuetify：一个 Vue 的 UI 组件框架。
  • Vuesion：生产就绪的渐进式 Web 应用 (PWA) 的 Vue 样板。
  • Storybook：Vue 用户界面组件的开发和测试环境。
  • Vue Router：为 Vue.js 提供富有表现力、可配置的、方便的路由。
  • Vue 设计系统：通过 Vue.js 生成设计系统的开源工具。
  • VueX：一个专为 Vue.js 应用程序开发的状态管理模式 + 库。
  • Pinia：Vue 新的官方推荐，符合直觉的 Vue.js 状态管理库。相比于 Vuex，Pinia 提供了更简洁直接的 API，并提供了组合式风格的 API，最重要的是，在使用 TypeScript 时它提供了更完善的类型推导。

另外请参考 Vue 3 工具链指南 以了解最新的工具推荐。