• 技术文章 >web前端 >Vue.js

    vue-resource怎么安装

    青灯夜游青灯夜游2021-10-27 17:36:42原创91

    安装方法:1、打开cmd命令窗口,执行“cd 项目目录”和“npm i vue vue-resource --save-dev”命令;2、配置入口文件“main.js”,使用import命令导入vue-resource即可。

    本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

    vue-resource是vue中使用的请求网络数据的插件,这个插件是依赖于vue的,简单说就是用来调接口的。

    安装

    cd 项目目录
    npm i vue vue-resource --save-dev

    在入口文件main.js中配置

    import VueResource from 'vue-resource'Vue.use(VueResource)

    这样就可以直接使用了:

    get请求:

    this.$http.get('地址',{params: {参数}}).then(function(res) {
            console.log(res)        // 响应成功回调
        },function(res) {
            console.log(res)        // 响应错误回调
        })

    post请求:

    this.$http.post('地址',{参数},{emulateJSON:true}).then( function(res) {
          console.log(res.data)
        })

    jsonp请求:

    this.$http.jsonp("地址",{params:{参数}}).then( function(res){
          console.log(res.data.s)
        })

    相关推荐:《vue.js教程

    以上就是vue-resource怎么安装的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vue-resource vue
    上一篇:怎么安装vue状态管理Vuex 下一篇:如何解决vuejs 用ip无法访问的情况
    大前端线上培训班

    相关文章推荐

    • vue路由跳转方式有哪些• vue开发工具有哪些• vue组件传值有哪五种方法• vue怎么导入echarts地图• vue怎么在脚手架上添加less依赖

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网