继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Web前端开发中Vue的学习路线

爱创课堂
关注TA
已关注
手记 3
粉丝 0
获赞 3

许多学习Web前端开发的小伙伴在进阶阶段都要学习Vue,因为它是目前企业常用的技术之一。下面小编给大家分享一个比较不错的Vue学习路线。

http://img1.sycdn.imooc.com/5fa0c56c0001063506280325.jpg

Vue是一个用于构建Web用户界面的JavaScript框架,因此在开始使用Vue之前,你至少先要掌握JavaScript和Web开发的基础知识。具备一定基础后,你可以了解以下内容:

Vue生命周期

在构建你的第一个Vue应用之前,你要了解如何在网页中去安装、使用Vue,以及了解Vue的引用实例的生命周期。在基础情况下,Vue将网页和JavaScript保持同步,实现这一目标的特性是响应式数据及指令和插值等模板功能。

组件

Vue的组件是可重复使用,并相互独立的UI元素。你需要了解如何声明组件以及如何通过属性和事件使组件间通信,并且学会组合组件,因为这关乎着你是否能够使用Vue构建出一个健壮、可扩展应用程序。

单页面应用程序

单页面应用程序(SPA)架构决定了你创建的Web页面一样能够展示和多页面网站一样丰富的内容,且不会当用户在点击链接后重新加载整个页面等这样低效的行为。

状态管理

随着项目规模越来越庞大,SPA的许多页面上将会有越来越多的组件,管理全局状态也将变得越发棘手。一种称为“Flux”的特殊模式可将您的数据保存在稳定的中央存储中。Vuex库也由Vue团队维护,可助你在Vue.js应用程序中实现Flux。

Vue框架

目前有许多优秀的Vue框架,下面就给大家介绍应用在不同领域最为广泛的三个框架。

1、Nuxt.js

如果你想要构建一个高性能的Vue应用程序,同时还要基于路由、服务端呈现、代码分离和其他前沿特性,同时还需要一些更高级的功能,例如:SEO标记等。您可以使用Nuxt.js框架。

2、Vuetify

Vuetify框架在一系列Vue组件中实现了Material Design。这允许您使用Material Design布局和样式快速创建Vue应用程序,并在应用程序中实现模态框、提示框、导航栏、分页等页面小控件。

3、NativeScript-Vue

NativeScript是一个使用iOS和Android上原生用户界面组件构建应用app的框架,而NativeScript-Vues 是基于NativeScript且支持Vue语法和Vue组件使用的框架。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP