介绍 Vue的优点 import Vue 得到& # 39;vue # 39;
import MintUI 得到& # 39;mint-ui& # 39;
import & # 39; mint-ui/lib/style.css& # 39;
import App 得到& # 39;。/App.vue& # 39;
import router 得到& # 39;。/路由器# 39;
import VueResource 得到& # 39;vue-resource& # 39;
Vue.config.productionTip =false
Vue.use(进民退”)
Vue.use (VueResource)
Vue ({new
,路由器,
,呈现:h =祝辞,h(应用)
})。美元山(& # 39;#应用# 39;) & lt; template>
,& lt; mt-button 类型=皃rimary",大?皊mall", @click=暗玫?)“祝辞default
& lt;/template>
& lt; script>
export default {
,名字:& # 39;关于# 39;
,数据(){
返回{才能
,,}
},
,方法:{
,,得到(){//引入vue-resource之后,,相当于在vue实例(这)身上新增了一些方法或对象(如:$ http)
这。才能http.jsonp美元(& # 39;https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su& # 39;,,//jsonp参数一:,跨域请求接口;
,,{
,,,参数:{//jsonp才能交互走的是得到形式(不是post),,传递参数用参数
,,,,wd: & # 39;一个# 39;
,,,},
,,,jsonp: & # 39; cb # 39;,//接口的调名字,,vue默认名字为“callback"
,,,},//jsonp参数二:,传到的参数和回调类型
,,)(函数(res){,//固定形式:,jsonp (& # 39; & # 39; {params {}, jsonp: & # 39; cb # 39;}),然后(函数(){& # 39;成功& # 39;},函数(){& # 39;失败& # 39;});
,,,警报(res.data.s);
,,},函数(res) {
,,,警报(res.status);
,,});
,,}
,}
}
& lt;/script>
这篇文章给大家介绍使用vue-resource: jsonp怎么请求百度搜索接口,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
Vue具体轻量级框架,简单易学,双向数据绑定,组件化,数据和结构的分离,虚拟DOM,运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和DOM,可以大大提升访问速度和用户体验。
<强> 1。纱添加vue-resource
<强> 2。主要。js引入vue-resource
<强> 3。有关。vue
关于使用vue-resource: jsonp怎么请求百度搜索接口就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
