这个精心筛选的列表将帮忙 Vue 初学者找到七个很棒的资源来开始学习 Vue。
我置信你来这里是为了寻找一些资源来开始学习 Vue.js 框架的微妙旅程,无论是作为第一个工具还是你相熟的其余框架的附加工具。不管怎样,你很侥幸,因为这就是咱们将在这篇文章中介绍的内容。
随着古代 Web 应用程序对更多功能、复杂性、可拜访性和性能的需要一直减少,开发人员面临着更艰巨的工作,即交付满足古代用户需要的高质量 Web 应用程序。
为了帮忙实现这一指标,咱们开发了通过三思而行的代码块,这些代码块提供了作为库和框架存在的统一且标准化的应用程序构造,以进一步加强开发人员的能力并简化将优良应用程序交付到生产环境中所波及的流程。
多年来,曾经开发出了许多杰出的前端框架 / 库,每个框架 / 库都有其独特的形式来开展业务,为 Web 应用程序构建动静、数据驱动的用户界面。在这篇文章中,咱们将关注这一长串框架中的重要人物;依据 StackOverflow 2021 年 Web 框架风行度统计,Facebook 的 React.js 排名第一,其次是 Google 的 Angular 和 Vue.js。
乍一看,依据下面介绍的受欢迎水平统计数据和科技巨头的反对,你可能会想少见多怪地放弃 Vue.js,但尝试以这种形式解释统计数据可能会产生一些误导性的后果。你可能会感兴趣的是,尽管 Vue.js 创立的工夫较晚,但与较早呈现的另外两个相比,Vue.js 在 2014 年创立,在撰写本文时,Vue 领有最高的 GitHub 星数,为 190k,超过了 React 的 185k 和 Angular 的 80k。这展现了 Vue.js 是如何倒退并在业界真正风行的。
这三个框架都有其独特之处,但它们的架构有一些相似之处。家喻户晓,Vue.js 的外围联合了 React 和 Angular 的大部分最佳性能。Vue.js 应用虚构 DOM,这是使 React 疾速的相干性能之一。Vue.js 也是基于组件的,应用双向数据绑定并采纳申明式办法——Angular 和 React 共享的架构。因而,所有三个框架都遵循传统的 MVC 模式。Vue.js 还与 Angular 共享相似的模板语法。
先决条件
在学习 Vue 之前,读者必须至多对三种外围 Web 技术——HTML、CSS 和 JavaScript 有肯定的理解。
为什么要学习 VueJS?
在咱们开始探讨如何做之前,这里列出了一些须要思考的“起因”。
- Vue.js 是一个渐进式框架,这仅仅意味着它容许你依据须要在小型、中型或大型项目中采纳和集成它,即,Vue 提供了咱们将其齐全集成到任何我的项目中所需的所有灵活性(其中将管制咱们的整个应用程序)或局部地仅解决应用程序的某些局部。
- 凭借杰出的文档和沉闷的社区反对的高度可定制性和简略性,Vue.js 实现了十分平滑的学习曲线,从而放慢了团队和公司的采纳速度
- 这个框架的简略性(这绝不意味着应用上的限度)意味着,无论 Vue 如何应用,咱们依然提供了一个工具箱,容许构建最先进的 Web 应用程序,无论是简略的还是简单的,依据须要无缝扩大。
-
此外,Vue.js 当初被很多公司应用,例如阿里巴巴、Google、Gitlab、Upwork、Apple、Facebook 等。通过学习 Vue 被该行业聘用的可能性十分高。
如何学习 Vue
以下是一些顶级教程、书籍和相干文章的列表,能够帮忙你尽快开始应用 Vue.js。
须要留神的是,本指南中提供的大部分资源可确保你理解最新版本的 Vue,即版本 3.x,它依然齐全向后兼容 Vue 2.0 或更低版本。你的学习门路必须利用该技术的最新版本及其附带的新性能,起因有几个——最突出的是 Vue.js 的官网文档已移至 Vue 3。
Vue 3 附带了一些基于 Vue 2 构建的新性能,例如引入组合 API(它容许你开发更好的组件并进步 Web 应用程序的可重用性)、传送组件以及对 TypeScript 的开箱即用反对; 更好地优化捆绑大小等。如果你曾经相熟 Vue 2,能够下载此备忘单以查看迁徙指南。
以下是学习 Vue 的七个最佳教程的链接的疾速列表,上面我将具体介绍每个教程:
Vue – 残缺指南(包含路由器和组合 API)
本课程由 Maximilian Schwarzmüller 创立并上传到 Udemy。该课程目前的评分为 4.8 星,好评如潮。依据课程形容,该课程从头开始十分具体地传授最新版本的 Vue (Vue.js 3)。
该课程还涵盖了所有外围基础知识,但并不止于此,它还深入探讨了高级概念,例如 Vue 3 中引入的 Composition API。还须要留神的是,这是一门付费课程。
Vue 视频教程,Vue2 Vue3 实战精讲,一套通关 vue
本套 Vue 视频教程从 Vue2 开始解说,一步一个案例,知识点由浅入深,而后很天然的适度到 Vue3 版本。
视频中会把每一个 Vue 的知识点解说的十分通透,岂但举例通知你怎么用,还会通知你底层实现原理。
本套视频中会从零手写一个 Vue 的数据代理机制,都是源码级的解说。
Vue School 初学指南
Vue School 为各个级别的开发者提供了丰盛的收费和付费视频,帮忙他们入手学习如何应用 Vue 框架。对于初学者局部,你将看到一组有序的资源,你能够在其中学习框架的外围概念 – 包含组件是什么,如何创立它们(即应用选项或组合 API),理解 props 以及如何重用组件。你还将理解 Vue.js 应用程序中组件的生命周期、创立和治理状态、列表渲染指令、事件处理等等。
此处提供的课程形容实用于指南的收费局部。然而,你始终能够通过加入高级课程来降级并进一步提高你的灵活性,这些课程依然是这个初学者系列的一部分,以进一步提高。
Vue JS 初学者(60 个视频)
本系列由 Codevolution YouTube 频道创立,是一个非常适合初学者的指南,从头开始,涵盖了在最根本的层面上相熟 Vue.js 所需的所有必要概念。
你首先学习如何正确设置开发环境,而后理解在应用程序中应用 Vue.js 的各种办法,包含应用 Vue CLI 构建工具的风行办法。而后你将理解组件、指令、观察者、槽、选项、组合 API 等。
本文是一个非常适合初学者的指南,从头开始,涵盖了在最根本的层面上相熟 Vue.js 所需的所有必要概念。
你首先学习如何正确设置开发环境,而后理解在应用程序中应用 Vue.js 的各种办法,包含应用 Vue CLI 构建工具的风行办法。而后你将理解组件、指令、观察者、槽、选项、组合 API 等。
本指南将逐渐疏导你从基本概念到与框架相干的更高级概念。
全栈 Vue 3
它是最滞销的 Vue.js 书籍之一,由高级软件工程师 Hassan Djirdeh 撰写,由 Nate Murray 和 Ari Learner 独特撰写。它们都是一直倒退且沉闷的学习社区(称为 newline)的一部分。本书为任何级别的开发人员提供了全面的指南,帮忙他们把握 Vue 的简直所有外围••性能以及 Vue 生态系统中的丰盛工具;在本指南中,你将学习应用最佳实际构建世界一流的 Web 应用程序的所有概念。
你将从逐渐了解框架开始;如何以传统形式设置开发环境,即应用脚本标签和 Vue CLI,并逐步接触其余概念,例如指令、事件处理、高级状态治理、路由、组合 API、测试等。
本书通过实际指南涵盖了这些内容,你将在其中构建多个 Web 应用程序,从投票应用程序、日历事件应用程序、笔记应用程序、购物车等开始。每个应用程序都会让你接触到应用一个或多个 Web 应用程序。更多框架的外围性能。
Vue 官网文档
正如你可能曾经推断出的那样,这些文档精确地形容了无关框架及其性能的每个细节。文档中有很多局部,每个局部都形容框架的一个方面或如何应用框架的一个或多个性能。
对于初学者,你能够取得教程局部,其中提供了理解大部分 Vue 基础知识的实际指南。你还装备了一个编码游乐场,让你能够轻松地进行编码,并在实现教程系列时亲自动手。重要的是,只管浏览了本指南中的所有其余资源,你依然能够将文档作为参考来进一步调整你对 Vue 的了解。
其余资源
Vue 3 要点备忘单
Vue 3 备忘单〔 Vue 精通〕
Vue 速查表 | 终极版
结尾
只管互联网上有许多教程、课程和书籍能够学习任何技术,但本指南为你提供了一些特地精心筛选的贵重资源,以开始你把握 Vue.js 框架的旅程。