Vue学习路线
目前,很多前端开发工程师会发现,Vue 正变得越来越受欢迎。从 GitHub 趋势看,Vue 已经排在第一位了,达到了 13 万的 Star。事实上,极客时间的前端构建主要是用来 Vue 完成的。
这并不奇怪,Vue 基于 HTML 的模板语法,响应式的更新机制,可以让你更快、更高效地开发项目,渐进式的开发理念和繁荣的生态圈,给我们提供了大量的最佳实践,无论你是开发简单的活动页还是复杂逻辑的中后台系统,Vue 都可以轻松应对。
对于每一个前端工程师来说,掌握 Vue 更像是一门「必修课」。
如同任何其他技术一样,Vue 也有入门门槛,学好它并不容易。如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序(SPA)、异步组件、服务器端渲染等等。你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 等。
淹没在术语和工具海洋中难免会令人感到沮丧,这并不是你的错,有经验的开发人员也会持续感觉到这种压力。下面这张图是学习 Vue 的图鉴,看完以后,会不会觉得体系太庞大了?我们来树理一下。
首先要懂 JavaScript 和基本的 Web 开发
Vue 是一个用于构建 Web 用户界面的 JavaScript 框架。在开始使用 Vue 之前,你必须了解 JavaScript 和 Web 开发的基础知识。
理解 Vue 基本概念
如果你是 Vue 开发新手,应该专注于 Vue.js 生态系统的核心,包括 Vue 核心库、Vue Router等。这些工具将被用在大多数 Vue 应用程序中,并为其他领域提供了一个构建框架。
从根本上,Vue 就是提供了一种优雅和高效的机制操作网页上的元素,实现这一目标的关键特性是反应式(reactive)数据,还有指令和插槽等模板特性。这些东西在一开始就要学习。
要想构建你的第一个 Vue 应用程序,你还需要知道如何在网页中安装 Vue,并了解 Vue 实例的生命周期,如何构建单页面应用,并且不会在每次用户触发导航时重新加载和重建页面。随着应用程序的复杂度增加,你还需要管理各种状态。
然后,你进入了现实世界的 Vue
当你将应用程序部署到服务器开始为用户提供服务的时候,你发现它与你在开发环境中测试的速度和效率是不一样的。为了优化 Vue 应用程序,我们可以采用各种技术,包括服务器端渲染,也就是在服务器端执行 Vue 应用程序,然后输出 HTML 页面并传给用户。
这并不奇怪,Vue 基于 HTML 的模板语法,响应式的更新机制,可以让你更快、更高效地开发项目,渐进式的开发理念和繁荣的生态圈,给我们提供了大量的最佳实践,无论你是开发简单的活动页还是复杂逻辑的中后台系统,Vue 都可以轻松应对。
对于每一个前端工程师来说,掌握 Vue 更像是一门「必修课」。
如同任何其他技术一样,Vue 也有入门门槛,学好它并不容易。如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序(SPA)、异步组件、服务器端渲染等等。你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 等。
淹没在术语和工具海洋中难免会令人感到沮丧,这并不是你的错,有经验的开发人员也会持续感觉到这种压力。下面这张图是学习 Vue 的图鉴,看完以后,会不会觉得体系太庞大了?我们来树理一下。
首先要懂 JavaScript 和基本的 Web 开发
Vue 是一个用于构建 Web 用户界面的 JavaScript 框架。在开始使用 Vue 之前,你必须了解 JavaScript 和 Web 开发的基础知识。
理解 Vue 基本概念
如果你是 Vue 开发新手,应该专注于 Vue.js 生态系统的核心,包括 Vue 核心库、Vue Router等。这些工具将被用在大多数 Vue 应用程序中,并为其他领域提供了一个构建框架。
从根本上,Vue 就是提供了一种优雅和高效的机制操作网页上的元素,实现这一目标的关键特性是反应式(reactive)数据,还有指令和插槽等模板特性。这些东西在一开始就要学习。
要想构建你的第一个 Vue 应用程序,你还需要知道如何在网页中安装 Vue,并了解 Vue 实例的生命周期,如何构建单页面应用,并且不会在每次用户触发导航时重新加载和重建页面。随着应用程序的复杂度增加,你还需要管理各种状态。
然后,你进入了现实世界的 Vue
当你将应用程序部署到服务器开始为用户提供服务的时候,你发现它与你在开发环境中测试的速度和效率是不一样的。为了优化 Vue 应用程序,我们可以采用各种技术,包括服务器端渲染,也就是在服务器端执行 Vue 应用程序,然后输出 HTML 页面并传给用户。