vue+springmvc前后端分离开发（十）（前端项目开发所需的相关依赖）

空木幻城

已于 2023-09-25 19:32:33 修改

阅读量642

点赞数 1

分类专栏：前后端分离开发文章标签： vue web

于 2021-04-25 22:51:30 首次发布

本文链接：https://blog.csdn.net/qq_44938644/article/details/116139146

版权

17 篇文章 8 订阅

订阅专栏

首先明确此项目的目的，是为了能够搭建一个用户管理的后台，实现登录注册功能，能够以用户的身份查看自己的个人信息并进行修改
再看看我们手头已经有的东西
- vue-cli集成开发环境
- vue-router对路由进行管理
- eslint对代码质量进行管理
- vuex对全局状态进行管理
那我们还缺些什么呢？
- 项目是前后端分离开发的，我们缺少前端和后端交互的手段
- 既然是前端，肯定要一个好看实用的前端UI框架
- 我们也许想把一些信息复用，下次再打开网站的时候无需重新获取，所以需要用到cookies
现在让我们来看看具体用到了哪些依赖或者插件

axios是什么？
- 是一个用于向后端发送异步请求的http库，里面封装了许多强大的功能
vue-axios又是什么？
- vue-axios是对于axios的一个封装，用组件化的方式进行装配，你可以使用Vue.use()的方式，在不破坏vue原有属性的情况下使用它
现在我们安装vue-axios依赖，直接打开vue ui，点击安装依赖就行（注意不是安装插件），选下载量最多的那个就行

安装vue-axios依赖

什么是vuetify？
- 它是一个基于vue的前端样式框架，里面集成了各种各样的ui组件，拿来即用，配置简单
- 和由饿了吗开发的element-ui是类似的东西
安装vuetify，注意vuetify是一个插件，而不是依赖，所以我们需要在安装插件的选项中安装它
为什么我选择了vuetify而不是其它的基于vue的框架呢？
- 相比element-ui能够做到完全响应式布局，而不用为了导航栏的布局而烦恼
- 完善的文档和样例提供
- 长期的维护和技术支持
- 支持RTL（从右到左布局）
- 丰富的ui组件让我不用写一行css和js代码
- 交互友好，页面风格良好的ui
有关vuetify的具体使用方法会在后续章节中讲解

什么是cookies？
- 在浏览网站的时候我们经常会看见cookies，它其实就是字符串信息，开发人员可以通过一些文档操作，比如document来存储和取出字符串
- cookies的具体表现形式为键值对的形式，键是为了方便定位存储的数据，数据会以序列化的方式存储在你的本地磁盘上，是可以被查看的
- cookies的大小一般不超过4KB，否则会给浏览器带来负担
- cookies一般用来存储用户身份信息
什么是vue-cookies？
- 和vue-axios一样，vue-cookies同样也是对cookies的一个封装，让用户可以通过组件化的方式使用它，而不用破坏vue的原型属性
- 能够更加方便地进行使用，并且可以灵活的设置过期时间，支持对象的存储
我们需要在安装依赖选项中安装它