vue-resource:jsopがBaiduの検索を要求するインターフェースの例

1.yarn add vue-resource
2.main.jsはvue-resourceを導入します。

import Vue from 'vue'
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
import App from './App.vue'
import router from './router'
import VueResource from 'vue-resource'


Vue.config.productionTip = false

Vue.use(MintUI)
Vue.use(VueResource)

new Vue({
 router,
 render: h => h(App)
}).$mount('#app')

3.About.vue

<template>
 <mt-button type="primary" size="small" @click="get()">default</mt-button>
</template>

<script>

export default {
 name: 'about',
 data(){
  return{
  }
 },
 methods:{
  get(){ //  vue-resource  ,     vue  (this)            ( :$http)
   this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', //jsonp   :       ;
   {
    params:{  //jsonp     get  (  post),      params
     wd:'a'
    },
    jsonp:'cb' //   callback  , vue     "callback"
   }, //jsonp   :    params callback  
   ).then(function(res){ //    : jsonp('',{params{},jsonp:'cb'}).then(function(){'  '},function(){'  '});
    alert(res.data.s);
   },function(res){
    alert(res.status);
   });
  }
 }
}
</script>

以上のこのvue-resource:jsopが百度の検索を要求するインターフェースの例は小编が皆さんに提供した内容の全てです。