Vue视频涉及到的内容

vuejs

视频共分为四大块内容，视频目前只录了第一部分，也就是vue-cli这一块

vue-cli 脚手架工具

脚手架工具可以帮助我们快速的生成基础代码。利用脚手架可以生成目录结构、进行本地开发调试、完成代码部署、使用热加载功能。

vue-cli是基于webpack构建的，会介绍webpack的相关配置。

vue-router 路由管理视图

体验如何使用vue-router快速的搭建单页应用
单页应用：单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI与用户的交互。由于避免了页面的重新加载，SPA 可以提供较为流畅的用户体验。

需要用vue-router帮助我们将路由和视图做一个做一个映射的关系，使用vue-router来帮助我们在不重新加载页面的情况下切换对应的视图。

vue-router涉及的内容：
    1. 路由与组件的映射配置
    2. 动态路由匹配
    3. 嵌套路由的使用
    4. 命名路由和视图
    5. 导航钩子函数的使用
    6. 过度动画
    7. 滚动行为
    8. 懒加载视图文件

vueX 状态管理模式

Vuex状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

学习的知识点包括：

    一个容器store、
    应用状态state、
    抽出对状态的操作逻辑Getters、
    改变状态触发Mutations、
    异步改变状态Actions、
    分割多个容器Modules
    配合Vue-router进行开发

asios 数据请求

vue本身不提供发送http请求获取数据的功能，官方推荐使用asios来做http请求。
asios有诸多的特点：
    1. 支持 Promise API
    2. 拦截请求和响应
    3. 转换请求和响应数据
    4. 取消请求