vue.js初探（一）vue.js全家桶介绍
小白浏览：8242020-12-10 08:47:18本文累计收益：￥0元我也要赚钱

学习vue.js有两个月时间了，从慕课网视频到博客文章，零零散散的大体学习了一下，最近打算总结一下之前所学。vuejs作为前端开发是一个生态系统，也叫全家桶，里面包含Vue、Vue-router、Vuex、axios、vue cli、webpack几个关键模块。

一、Vue

Vue 是Mvvm开发框架，跟jquery角色差不多，是一套用于构建用户界面的渐进式框架，和React，都自称自己只关注视图层

vue是单页面应用，开始学习之前怎么都不理解，随着学习慢慢有点体会，也就是说vue项目只包含一个index.html文件，系统的所有页面都成为组件，在这个页面html页面上展示，比如登录页面是一个组件，用户管理页面是一个组件，组件直接的切换使用的是vue-router。

二、Vue-router
简单说就是导航，页面跳转，跟html a标签一样，a标签是页面直接跳转，vue是单页面的，所有页面在vue内称为组件，router就是控制组件直接相关跳转的也就是页面切换。

Vue-router可以帮你：

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

Vuex可以简单理解为应用程序全局变量，类似cookies、session吧，不过vuex可以存储对象，有专门的定义、读写、提交方法，一般大型应用能用到，如同React有Redux一样，Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，适合开发大型单页应用。

四、axios

axios 简单说就是jquey里面的ajax，调用后台接口的，官话是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它可以帮你：

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

创建应用程序脚手架工具，简单理解就是创建项目模板，如果不采用vue cli创建项目需要手动引入上面各个组件包，使用vue cli后vue cli会给你配置好，方便创建项目。

六、webpack

vue项目打包发布工具，vue cli直接集成了。

 

 

上一篇：vue.js初探（二）vue项目创建
下一篇：Vue 2.x + Element后台模板开发教程（三）后台首页模板设计
猜您可能还喜欢
评论列表
发表评论
小白
+ 关注
文章分类
文章归档
阅读排行