前端项目需要用到什么？

• 首先明确此项目的目的，是为了能够搭建一个用户管理的后台，实现登录注册功能，能够以用户的身份查看自己的个人信息并进行修改
• 再看看我们手头已经有的东西
  • 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做一个模板页