查看: 717|回复: 0

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

[复制链接]

78

主题

80

帖子

214748万

积分

实名认证

积分
2147483647
QQ
发表于 2020-11-3 09:16:31 | 显示全部楼层 |阅读模式

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

​

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

Vue生命周期

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

组件

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

单页面应用程序

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

状态管理

随着项目规模越来越庞大,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组件使用的框架。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|强正论坛

Copyright © 2001-2013 Comsenz Inc.Template by Comsenz Inc.All Rights Reserved.

Powered by Discuz!X3.4

快速回复 返回顶部 返回列表