Vue-------学习笔记（五）

vue脚手架使用：vue-cli

用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）
开始：
一、安装：
二、新建路由：
1.引入 & 路由简单示例

2、
npm run dev---------启动开发服务
npm i --save vue-router--------安装vue路由
3、单文件组件，所有的node，webpack配置项都配置好了
模板，js，style
4、
当使用模块化导入时，需手动使用vue.use（vuerouter）

5、动态路由：不同路径加载同一个组件

• 路由对象：
  
  

• 编程式导航（采用js来实现跳转）-------路由实例：通过new出来的
  
  7、重定向
  
  8、全局守卫：（钩子函数），只要发生组件切换就会 执行的守卫
  
  9、组件内的守卫;
  
  问题 & 解决
  
  10、数据的获取：
  

• 两种情况的方式：

11、路由的懒加载：

12、异步组件：就是一个函数，bundle抽出部分组件
13、请求拦截器：每次发请求，都需要做一个操作就是 在每个请求头里面 添加 token

• 如何解决服务器跨域： 配置代理 proxy

14、仓库：Vuex

• 存储公共数据

核心概念：

1. state ------真正存放 公共数据的地方（如仓库中的桶）
   
2. 如何获取仓库数据？
   ① 属性名一直样时
   
   ②属性名不一样时：
   
   3、getter ：数据是谁的 谁才能修改，从state中派生的一些数据（就像筛选 过滤）
   ①辅助函数：计算属性名称与getter函数名称一致时。

4、mutation ：修改仓库的数据， 相当于一个自定义事件，
mutation 必须是一个同步函数，

①

②

5. mapmulation：

6. action：做异步请求

7. 表单：

---------------疑点：
babel ：简言之，是一种用途很多的javascript编译器
利用babel就可以让我们在当前的项目中随意的使用这些新最新的es6，甚至es7的语法。说白了就是把各种javascript千奇百怪的语言统统专为浏览器可以认识的语言。，
bundle：
fetch：
axios：
如何解决服务器跨域： 配置代理 proxy