如何对axios进行二次封装
为什么要封装axios:有时候一个项目可能会有很多操作,比如测试环境的,生产环境的,他们的ip地址前缀都一样,这时候我们使用他们的时候只需要改后缀就行,非常方便。请求数据的时候也不用多次写代码,只需要改下自己所要获取数据的参数就行。
步骤:首先创建一个api文件夹专门用来封装Axios的,然后再在Api文件夹里再建一个文件夹存放baseURL的,也就是网址的域名(网址最前面那一段),然后还要再api文件夹中再创建一个文件夹用来存放后面那段网址。最后才能拼接成一段网址。
**参数resolve和reject的作用:****是将Promise中函数要传递的值,作为参数传给后面的then和catch中函数。
resolve(值1)把值1传给promise,然后再由promise把值1传给then(function(值1));reject(值2)把值2给promise,然后再由promise把值2传给catch(function(值2))。
axios.create():创建一个新的axios发请求。存放baseURL文件夹中的js文件的代码:get请求的代码:123456789import ...
如何使用Vuex实现组件之间的数据共享
Vuex 概述Vuex是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享1. 使用Vuex的好处
易于开发和后期维护
提高开发效率
实时保持数据与页面的同步
2. Vuex的基本使用2.1 安装vuex依赖包1npm install vuex --save
2.2 导入vuex依赖包123import Vuex from 'vuex'Vue.use(Vuex)
2.3 创建store对象123456const store = new Vuex.store ({ // state 中存放的就是全局共享的数据 state : { count : 0 }})
2.4 将store对象挂载到vue实例中12345678new Vue({ el: '#app', render: h => h(app), router, // 将创建的共享数据对象,挂载到 Vue 实例中 // 所有的组件,就可以直接从 sto ...