初学者如何快速学习vue

Vue庞大的体系和生态，很可能会让初学者无所适从。为了便于更清晰的理解Vue的体系架构，可以参考“2019年Vue开发者知识图谱”，它包含了所有 Vue 开发过程中的关键部分。

工具/原料

JavaScript和Web开发基础

Vue的基本概念

纯前端表格控件SpreadJS 前端开发工具包WijmoJS

Vue的基本概念

1、如果您是一名Vue的萌新开发者，您应该更专注于Vue.js 生态系统的核心，它包括Vue核心库、Vue Router和Vuex。因为这些工具将会在绝大部分的Vue应用程序中出现。

Vue框架

1、Nuxt.js构建一个高性能的Vue应用程序，基于路由、服务端呈现、代码分离和其他前沿特性，同时还需要一些更高级的功能，例如：SEO标记等。可以使用Nuxt.js框架。Nuxt.js框架通过其丰富的社区插件提供了所有这些开箱即用的特性，甚至更多，如PWA等。

2、VuetifyGoogle 的 Material Design 标准是一个广泛捂执涡扔使用的设计语言指南系统，它用于构建漂亮并合理的用户界面，这些界面被广泛应用于 Google 的产品，如 Andro足毂忍珩id 和Web系统。Vuetify 框架在一系列Vue组件中实现了 Material Design。可以使用 Material Design 布局和样式快速创建 Vue 应用程序，并在应用程序中实现模态框、提示框、导航栏、分页等页面小控件。

3、NativeScript-VueVue.js 是一个用于构建Web用户界面的UI库。如果想将他用于构建移动应用，可以使用 NativeScript-Vue 框架。NativeScript 是一个使用 iOS 和 Android 原生用户界面组件构建应用 app 的框架，而 NativeScript-Vues 是基于 NativeScript 且支持 Vue 语法和 Vue 组件使用的框架。

支持Vue的控件/组件

1、如果您想在项目中快速构建基于Vue的功能模块，如类似Excel功能和布局的电子表格、前端导入导出Excel、在Web应用程序中嵌入在线Excel、数据分析OLAP、金融图表等，您可以使用一些成熟的商业化开发工具，纯前端表格控件SpreadJS和前端开发工具包WijmoJS。

2、纯前端表格控件SpreadJSSpreadJS是一款基于 HTM雉搽妤粲L5 的纯 JavaScript 电子表格和网格功能控件，以“高速低耗、纯前端、零依赖”为撸赳咸米产品特色，可嵌入任何操作系统，满足 .NET、Java、响应式 Web 应用及移动跨平台的表格数据处理和类 Excel 的表格应用开发，实现在线 Excel 体验。SpreadJS 在数据展示、前端导入导出、图表面板、数据绑定等场景无需大量代码开发和测试，可极大节省企业研发成本并降低交付风险。

3、前端开发工具包WijmoJSWijmoJS前端开发工具包由多款灵活高效、零依赖、轻量级的纯前瞿搋村乇端控件组成，如表格控件 FlexGrid、图表控件 FlexChart、数据分析 OLAP 等，完美支持原生 JavaScript，以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架，可用于企业快速构建桌面、移动 Web 应用程序。WijmoJS 凭借其先进的体系架构、简单易学的使用文档、超过 500 种 Demo 演示、顶级的控件性能，以及轻松、易用的操作体验，可全面满足企业前端开发所需，是构建企业级 Web 应用程序最高效的纯前端开发工具包。

其他项目

1、在最后一部分中，我们将介绍一些重要但不包含在上述分类中的内容。