Vue 全家桶

前言

vue全家桶是基于vue开发必备的一套框架

一、vue-cli 项目构建工具

vue-cli就是快速创建搭建一个vue项目的脚手架工具

二、vue-router 路由管理工具

vue-router 是 Vue.js 官方的路由管理器。用于页面之间的跳转，路由守卫，路由懒加载等等功能，路由路径需要我们自己配置

三、vuex 全局变量状态管理工具

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的。可供组件与组件之间共享的数据，不用来回繁琐的进行页面传值了
本地存储有两种
1.sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
2.localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用，除非程序删除，或者手动在浏览器缓存里面删除

区别：vuex存储在内存，vuex会随着页面的重启刷新一起重置状态，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON.stringify(obj)将其转成字符串，取出来时使用 JSON.parse(str)重新转成对象，而vuex可以存储复杂数据类型。

四、axios http请求工具

axios 是一个基于 promise 的 HTTP 库，简单来说和jq的ajax是一个道理，不过比ajax更加完善，用于前后端交互请求数据用的，可以用在浏览器和 node.js 中

五、element-ui UI组件库