用了半周时间勉强操作Git,准备保研之余还要完成开发任务,甚至没有时间看paper,太难了o(╥﹏╥)o,不过学还是要学的,
用别人一句话:武林至尊,宝刀React,号令天下,莫敢不从,Vue不出,谁与争锋,React/Vue全家桶系列已经变成了各大巨头的前端开发必备技术栈,开始系统的学习之前不妨了解一下整体的框架以及各部分的作用。

Vue全家桶一共有四个部分,各个部分都具有不同的作用,他们分别是
Vue+Vue-router+Vuex+axios

一、Vue

Vue 是一套用于构建用户界面的渐进式框架,和React,都自称自己只关注视图层。什么叫视图?web项目中就是网页的页面,也可以是excel表格,pdf的电子书,只要是能浏览的图形界面的东西就是视图。桌面应用中视图层就写一些软件界面,就像qq的界面就是视图层要实现的东西 。简单来说,就是前端框架。

先把官方文档贴出来
入门历程

二、Vue-router

它的功能有但不局限于以下几点:

  • 嵌套的路由
  • 视图表
  • 模块化的、基于组件的路由配置
  • 路由参数、查询、通配符
  • 基于 Vue.js 过渡系统的视图过渡效果
  • 细粒度的导航控制
  • 带有自动激活的 CSS class 的链接
  • HTML5 历史模式或 hash 模式,在 IE9 中自动降级
  • 自定义的滚动条行为

Vue-router的重心在于地址栏,导航控制,也就是下面这里
在这里插入图片描述
url是路由的核心,而Vue-router可以让导航多样化,包括改变当行的样式,可以是https://blog.csdn.net/csyifanZhang/article/details/104933551和文件一样的形式,也可以是https://editor.csdn.net/md/?articleId=104928353有?的询问方式,也可以在导航时传递参数,在导航时顺便修改页面的显示。。。。
基础vue-router学习

三、Vuex

如同React有Redux一样,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,适合开发大型单页应用。

四、axios

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它可以帮你:

  • 从浏览器中创建 XMLHttpRequest
  • 从 node.js 发出 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求和响应数据
  • 取消请求
  • 自动转换JSON数据
  • 客户端支持防止 CSRF/XSRF

显然Vue是核心和关键技术,其他的看不懂不要紧,我也看不懂,先留个印象一个一个学呗,等我点亮了四个标题,就学的差不多了o(╥﹏╥)o

Logo

前往低代码交流专区

更多推荐