Vue中的asios以及asyn,await操作
1.Vue.js Ajax(axios)
npm下载使用:
npm install –save axios vue-axios
在入口文件导入axios:
12import axios from 'axios' axios.defaults.baseURL = 'http://timemeetyou.com:8889/api/private/v1/' // 配置请求的根路径
设置 Vue.prototype.$http 为 axios 的别名:
1Vue.prototype.$http = axios
然后就可以在项目中的Vue 实例中使用类似 this.$http.get 的方法:
1const{ data : res}= await this.$http.get('users')
这里的{data : res}将请求返回的数据data解构赋值为对象res中2.async/awaitasync 是 ES7 才有的与异步操作有关的关键字,和 Promise , ...
Promise-解决回调地狱
1.用ES6中 promise 解决回调地狱.1. Promise 是一个构造函数,既然是构造函数,那么,我们就可以 new Promise () 得到一 个Promise的实例;2. 在Promise 上,有两个函数1分别叫做resolve (成功之后的回调函数)和reject (失败之后的回调函数) 由于 Promise 的实例,是一个异步操作,所以,内部拿到操作的结果后,无法使用return把操作的结果返回给调用者;这时候,只能使用回调函数的形式,来把成功或失败的结果,返回给调用者;
3. 在Promise 构造函数的Prototype 属性上,有一个.then() 方法,也就说,只要是Promise构造函数创建的实例,都可以访问到.then() 方法4. Promise 表示一个异步操作;每当我们new一个Promise 的实例,这个实例,就表示个具体的异步操作;5. 既然Promise 创建的实例,是一个异步操作,那么,这个异步操作的结果,只能有两种状态:
状态1 :异步执行成功了,需要在内部调用成功的回调函数resolve把结果返回给调用者;
状态2 :异步执行失败了,需 ...
重拾hexo在为博客配置主题时遇到的坑--写的第一篇文章
时隔一年,最后还是觉得重拾GitHub Page搭建的一个hexo博客,之前因为是刚开始接触,所以一切都按照网上的教程来,对那些命令的理解一窍不通,所以前多天把一年前搭的博客给删了,从0又开始搭建一个。
因为已经接触这方面的学习一年,对博客的搭建很轻松的就完成,但是对hexo的主题的配置硬生生的花了我两个多小时来看文档,其中遇到了很多坑,边写边改,最后配置成自己的喜欢的博客样子
下面文章仅是对于Butterfly hexo主题的配置1.主题安装首先在博客的根目录下 Get Bash Here ,然后运行一下命令:
12git clone -b master https://github.com/jerryc127/ hexo-theme-butterfly.git themes/Butterfly
如果想要安装比较新的dev分支,可以:
1git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
安装成功后,在根目录下的themes文件夹下会出现一个Butterfl ...