前端项目需要用到什么？
- 首先明确此项目的目的，是为了能够搭建一个用户管理的后台，实现登录注册功能，能够以用户的身份查看自己的个人信息并进行修改
- 再看看我们手头已经有的东西
- vue-cli集成开发环境
- vue-router对路由进行管理
- eslint对代码质量进行管理
- vuex对全局状态进行管理
- 那我们还缺些什么呢？
- 项目是前后端分离开发的，我们缺少前端和后端交互的手段
- 既然是前端，肯定要一个好看实用的前端UI框架
- 我们也许想把一些信息复用，下次再打开网站的时候无需重新获取，所以需要用到cookies
- 现在让我们来看看具体用到了哪些依赖或者插件
vue-axios
- axios是什么？
- 是一个用于向后端发送异步请求的http库，里面封装了许多强大的功能
- vue-axios又是什么？
- vue-axios是对于axios的一个封装，用组件化的方式进行装配，你可以使用Vue.use()的方式，在不破坏vue原有属性的情况下使用它
- 现在我们安装vue-axios依赖，直接打开vue ui，点击安装依赖就行（注意不是安装插件），选下载量最多的那个就行
- 安装完毕，可以看到运行依赖中多了个vue-axios
- 有关vue-axios如何在vue-cli中使用和具体案例会在以后的章节讲到
vuetify
- 什么是vuetify？
- 它是一个基于vue的前端样式框架，里面集成了各种各样的ui组件，拿来即用，配置简单
- 和由饿了吗开发的element-ui是类似的东西
- 安装vuetify，注意vuetify是一个插件，而不是依赖，所以我们需要在安装插件的选项中安装它
- 为什么我选择了vuetify而不是其它的基于vue的框架呢？
- 相比element-ui能够做到完全响应式布局，而不用为了导航栏的布局而烦恼
- 完善的文档和样例提供
- 长期的维护和技术支持
- 支持RTL（从右到左布局）
- 丰富的ui组件让我不用写一行css和js代码
- 交互友好，页面风格良好的ui
- 有关vuetify的具体使用方法会在后续章节中讲解
vue-cookies
- 什么是cookies？
- 在浏览网站的时候我们经常会看见cookies，它其实就是字符串信息，开发人员可以通过一些文档操作，比如document来存储和取出字符串
- cookies的具体表现形式为键值对的形式，键是为了方便定位存储的数据，数据会以序列化的方式存储在你的本地磁盘上，是可以被查看的
- cookies的大小一般不超过4KB，否则会给浏览器带来负担
- cookies一般用来存储用户身份信息
- 什么是vue-cookies？
- 和vue-axios一样，vue-cookies同样也是对cookies的一个封装，让用户可以通过组件化的方式使用它，而不用破坏vue的原型属性
- 能够更加方便地进行使用，并且可以灵活的设置过期时间，支持对象的存储
- 我们需要在安装依赖选项中安装它
至此，此项目所需要的一些依赖和插件的简单介绍已讲解完毕，下一节会正式开始用vuetify做一个模板页
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
