Vue

解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页 摘抄自：小白wwj的博客 众所周知，Vue路由有两种模式，默认hash模式，这种模式下url上会带"#"，因此很多公司开发都不使

axios拦截器 axios提供了拦截器，用于我们在发送每次请求或者得到相应后，进行对应的处理。 使用拦截器 拦截器中都做什么 请求拦截可以做到的事情： 请求拦截中错误拦截较少，通常都是配置相关的拦截

axios的实例 为什么要创建axios的实例呢? 当我们从axios模块中导入对象时, 使用的实例是默认的实例 当给该实例设置一些默认配置时, 这些配置就被固定下来了 但是后续开发中, 某些配置可能

axios使用 功能特点: 在浏览器中发送 XMLHttpRequests请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 补充: ax

引入axios 选择什么网络模块 Vue中发送网络请求有非常多的方式, 那么, 在开发中, 如何选择呢 选择一: 传统的Ajax是基于XMLHttpRequest(XHR) 为什么不用它呢? 非常好解

项目结构 当我们的Vuex帮助我们管理过多的内容时, 好的项目结构可以让我们的代码更加清晰，结构明了

Module 认识Module Module是模块的意思, 为什么在Vuex中我们要使用模块呢? Vue使用单一状态树,那么也意味着很多状态都会交给Vuex来管理 当应用变得非常复杂时,store对象

Action Action的基本定义 我们强调, 不要再Mutation中进行异步操作 但是某些情况, 我们确实希望在Vuex中进行一些异步操作, 比如网络请求, 必然是异步的. 这个时候怎么处理呢?

Mutation(二) Mutation响应规则 Vuex的store中的state是响应式的, 当state中的数据发生改变时, Vue组件会自动更新 这就要求我们必须遵守一些Vuex对应的规则:

Mutation(一) Mutation状态更新 Vuex的store状态的更新唯一方式：提交Mutation Mutation主要包括两部分： 字符串的事件类型（type） 一个回调函数（handl

Vuex核心概念 Vuex有几个比较核心的概念: State Getters Mutation Action Module state State单一状态树 Vuex提出使用单一状态树, 什么是单一状

Vuex的使用 简单案例 首先，我们需要在某个地方存放我们的Vuex代码： 这里，我们先创建一个文件夹store，并且在其中创建一个index.js文件 在index.js文件中写入如下代码： 挂载到

多界面状态管理 Vue已经帮我们做好了单个界面的状态管理，但是如果是多个界面呢？ 多个试图都依赖同一个状态（一个状态改了，多个界面需要进行更新） 不同界面的Actions都想修改同一个状态（Home.

单界面的状态管理 我们知道，要在单个组件中进行状态管理是一件非常简单的事情 什么意思呢？我们来看下面的图片 这图片中的三种东西，怎么理解呢？ State：不用多说，就是我们的状态。（你姑且可以当做就是

Vuex简介 Vuex是做什么的 官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变

promise(二) Promise三种状态 首先, 当我们开发中有异步操作时, 就可以给异步操作包装一个Promise 异步操作之后会有三种状态 我们一起来看一下这三种状态: pending：等待状

promise Promise简介 ES6中一个非常重要和好用的特性就是Promise Promise到底是做什么的呢？ Promise是异步编程的一种解决方案 那什么时候我们会来处理异步事件呢？ 一

keep-alive遇见vue-router 之前我们在home下有两个子路由news和message，默认是news当我们点击了message后，我们在点击用户、我的、关于的时候，我们在切换回首页，

导航守卫 我们来考虑一个需求: 在一个SPA应用中, 如何改变网页的标题呢? 网页标题是通过<title>来显示的, 但是SPA只有一个固定的HTML, 切换不同的页面时, 标题并不会改变. 但是我们

vue-router 传递参数 准备工作 为了演示传递参数, 我们这里再创建一个组件, 并且将其配置好 第一步: 创建新的组件Profile.vue 第二步: 配置路由映射 第三步: 添加跳转的<ro