前言
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 中