Vue资源保证兼容性问题详细的了解

Vue资源保证兼容性问题详细的了解
背景

事实上,这个问题出现在上一个项目的开发中,但一开始只是解决了问题,但没有总结问题,所以今天就踏上了自己的坑,所以决定把它记录下来,那又有什么问题呢这是Android的低版本,如果你在Vue项目使用VUE资源(Vue公司的资源是什么这是一个AJAX功能的第三方包),然后从HTTP请求和响应都是正常的,但是,注意,但是来了!但是回应并没有回到承诺回调中去。让我们看一看。

这一点

一、如何使用Vue公司的资源吗

我们都知道,我们在Vue项目经常使用Vue公司的资源

1。安装
NPM安装Vue资源节约
注意:区别——保存——保存发展,如故宫封装的代码需要打包成在线文件,然后安装,节省;否则,它将被安装在save-dev.

2。初始化(在输入文件main.js文件)
进口Vue from'vue
进口vueresource from'vue-resource
通过使用Vue资源 / / vue.use,那么$ HTTP对象添加到组件的每个实例
vue.use(vueresource)
三.使用(组件内)
这http.get美元(URL,然后函数({ }){(响应)
response.json()。然后(功能(RES){
下面是代码成功后的请求
})
函数(错误){ },
下面是代码失败后的逻辑请求
console.log(错误)
})
两。问题

但这实际上是一个低Android版本的问题。
这http.get美元(URL,然后函数({ }){(响应)
无论成功或失败,都不会执行当时的代码。
response.json()。然后(功能(RES){
不执行
})
函数(错误){ },
不执行
console.log(错误)
})
为什么事实上,资源使用Vue ES6承诺的新功能(你怎么知道的即使我们没有读到Vue公司资源的正式文件,我们也可以知道,因为这,http.get美元直接调用然后之后,然后是一种承诺的对象实例。你还记得吗然后承诺有一个兼容性问题,这就是问题的根本原因。你是如何解决的

三。解决

6承诺可以解决这个问题,以及如何使用它很简单,看看下面的代码

1。安装(安装到依赖项)
新安装的承诺--拯救ES6
2。介绍在输入文件main.js使用
进口Vue from'vue
进口vueresource from'vue-resource

要求('es6-promise)。Polyfill()
/ / ES6模块
进口es6promise from'es6-promise
es6promise.polyfill()
它不是很简单,只是新的,不需要删除现有的代码,所以对已经上线的项目更安全。

后记

Vue公司的官员现在不建议使用Vue公司的资源,我们可以尝试Axios,也很好听,我打算在下一个项目的新鲜味道。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部