首页天道酬勤,

,

张世龙 05-06 11:03 116次浏览

如果你想学习Vue,但还不知道Vue应该怎么学习,或者学了一点,但是不知道方向的话。 正文可能对你有一点帮助!

让我们来看看大人物对初学者应该如何快速入门Vue的回答吧。 不说多馀的话。

面向初学者: Vue 2.0推荐学习步骤(zzdqd )开始扎实的JavaScript/HTML/CSS基本功。 这是前置条件。

通读官方教程(guide )基础篇。 请不要使用构建工具。 请只使用最简单的脚本,模仿一次教程的例子,了解使用方法。 如果没有上来,我们不建议直接用vue-cli构建项目。 特别是如果没有节点/网络包的基础的话。

按照官网上的例子,自己思考相似的例子,模仿实现练手,加深理解。

阅读正式教程入门篇的前半部分,直至《自定义指令》。 重点了解Vue的响应机制和组件生命周期。 如果难以理解,可以跳过“渲染函数”。

阅读教程中有关路由和状态管理的章节,并根据需要学习vue-router和vuex。 同样,我们的重点不是管理构建工具,而是按照文档中的示例了解使用方法。

进行基础文档后,如果不熟悉基于节点的前端工程化,则需要补习。 以下这些严格来说既不是Vue本身的内容,也不涵盖所有前端工程化知识,但对于大型Vue工程来说是前置条件,也是合格的“前端技术人员”应该具备的知识。

前端生态/工程化了解JavaScript背后的规范、ECMAScript的历史和当前的规范制定方式。 学习ES2015/16的新功能,了解ES2015 modules,适当关注尚未成为标准的提案。

学习使用命令行。 我推荐Mac。

学习Node.js的基础。 建议使用类似nvm的工具管理计算机上的节点版本,并将npm注册表配置为淘宝的镜像源。 至少了解npm常规命令、npm scripts用法、语义版本号规则、CommonJS模块规范(了解与ES2015 Modules的区别)、Node软件包分析规则以及Node常规API 必须能够自己编写基本的命令行程序。 请注意,最新版本的节点(6)支持大多数ES2015的特性,这可以巩固ES2015。

了解如何使用/配置Babel将ES2015编译为ES5以在浏览器环境中使用。

学习网络包。 Webpack是一个极其强大和复杂的工具。 作为一个开始,您只需了解“所有模块”的思想,并基本了解其常规配置选项和loader的概念/用法即可。 例如,一种将Babel与web包结合使用的方法。 学习Webpack的挑战之一在于自身文档的混乱。 我建议多搜索。 应该还是有质量好的第三方教程。 英语的好建议是阅读Webpack 2.0文档。 虽然比1.0有很大的改进,但需要注意的是,它与1.0不兼容。

vueadvanced具有节点和Webpack的基础,现在可以使用vue-cli构建基于Webpack的项目并支持单个文件组件的项目。 建议您以名为webpack-simple的模板开始,阅读官方教程入门篇的其馀内容和vue-loader文档,以了解高级配置。 感兴趣的人可以自己动手从零开始组成一个项目来加深理解。

您将尝试基于示例将vue-router和vuex集成到web包模板中

深入了解Virtual DOM和“渲染函数”一章(可选使用JSX ),了解模板和渲染函数之间的对应关系,以及如何使用它们和应用场景。

可选(如果需要,了解服务端渲染的使用(需要协助节点服务开发的知识)。 其实更重要的是理解它解决的问题,弄清楚你是否需要它。

阅读开源Vue APP、组件和插件源代码,然后尝试自己创建开源vue组件和插件。

参考贡献指南阅读Vue源代码,了解内部实现的详细信息。 (需要了解流量)

参与Vue GitHub issue定位

关于正文

作者: @zzdqd

译文: 3359砖局域网. zhi Hu.com/p/2313455

,