Axios之取消请求源码分析 文章目录1.前言2.源码分析1.前言之前看到Axios的取消请求,不像其他的API那么直观好理解,有两种取消请求的方式,感觉很奇怪,所以决定去研究下源码,研究完之后才发现原来如此!2.源码分析首先第一种写法的代码:let Http = this.$http, CancelToken = Http.CancelToken, that = this; Http.post( "https://www.fastmock.site/mock/257d9fdebd0b1dd887acd
Vue全家桶系列之Axios(二) 文章目录1.前言2.Axios实例3.请求和响应拦截4.取消请求1.前言上篇文章介绍了Axios的一些基本知识,这篇文章来说下Axios的一些进阶内容!2.Axios实例可以使用自定义配置新建一个 axios 实例,可以在这个实例上创建一些公共配置(默认值),方便其他地方调用!let instance = this.$http.create({ baseURL: "https://www.fastmock.site/mock/257d9fdebd0b1dd887acd6ec80db8a
Vue全家桶系列之Axios(一) 文章目录1.前言2.项目引入2.语法1.前言Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,之所以前端流行是因为它可以用在浏览器和 node.js 中,axios在浏览器端使用XMLHttpRequest对象发送ajax请求,在node环境使用http对象发送ajax请求,并且符合现在前端MVVM的开发模式,react/vue 官方都推荐使用 它,可以说是前端必备的知识了!2.项目引入项目中安装npm install axios vue-axio
Vue全家桶系列之Vuex(三) 文章目录1.前言2.模块的命名空间1.前言上篇文章介绍了Vuex的核心概念,这篇文章来说下Vuex的一些进阶内容!2.模块的命名空间如果把所有的状态都放在一个store对象里面,当应用变得非常复杂时,store 对象就有可能变得相当臃肿,维护起来也会变得相当复杂,所以我们可以用模块来划分,比如A module,B module,在项目中很有可能A module内部的 action、mutation 和 getter 可能和B module内部的 action、mutation 和 getter方法名
Vue全家桶系列之Vuex(二) 文章目录1.前言2.Vuex如何使用3.Vuex 核心概念3.1 state1.前言上篇文章介绍了Vuex的概念和作用,相信大家对Vuex有了一定的了解,那么下面来介绍下Vuex如何使用!2.Vuex如何使用1. 安装vuex模块npm install vuex --save2. 作为插件使用import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)3. 定义容器let store = new Vuex.Store()4.
Vue全家桶系列之Vuex(一) 文章目录1.前言2.Vuex是什么?3.什么是集中式状态管理模式?4.什么情况下使用Vuex?它能帮我们解决什么问题?5.简单的例子1.前言Vuex是一个很棒的状态管理库,它很简单并且非常好的与Vue集成,下面我们来开始学习Vuex!2.Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,状态分两种,一种是组件内部的状态,其实就是一个组件内使用的状态(data数据),另外一种是应用
Vue全家桶系列之Vue-router(五) 文章目录1.前言2.路由过渡效果3.编程式的导航1.前言上篇文章说了vue-router的路由命名视图,动态路由匹配,路由滚动行为,接下来再看看其他的用法2.路由过渡效果过渡效果类似css中的过滤,我们用的是transititon的封装组件来为路由添加过渡动画的,首先来看个图了解下有哪些过渡的css类名,Enter就是路由的进入,是从Opacity 0到1(淡入),Leave就是路由离开是从Opacity 1到0(淡出),v-enter-active,v-leave-active是活动的状态,可以被