vue怎么获取数据的

最新推荐文章于 2024-07-26 20:40:28 发布

binlety

最新推荐文章于 2024-07-26 20:40:28 发布

阅读量1.1w

点赞数 3

分类专栏： vue 文章标签： vue获取数据

本文链接：https://blog.csdn.net/binlety/article/details/81352015

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

浏览器自带的fetch函数：

官方推荐的axios:

 mounted(){
  	this.lastCity=this.city
  	this.getHomeInfo()
  },
 methods:{
  	getHomeInfo(){
  		axios.get('/api/index.json?city='+this.city)
  		.then(this.getHomeInfoSucc)
  	},

methods: {
        getImg: function(){
          var that = this;   
          that.$http({      //调用接口
            method:'GET',
            url:this.getImgUrl //this指data
          }).then(function(response){ //接口返回数据
            this.imgList=response.data;            
          },function(error){
          })
        }
      }

使用vue-resource代码如下：

   new Vue({
            el:'#app',
            data:{data:""},
            created:function(){
                var url="json.jsp";
            
                this.$http.get(url).then(function(data){
                    var json=data.body;
                    this.data=eval("(" + json +")");
                },function(response){
                    console.info(response);
                })
            }
          });

使用Jquery的时候:

 new Vue({
            el:'#app',
            data:{data:""},
            beforeCreate:function(){
                var url="json.jsp";
                var _self=this;
                $.get(url,function(data){
                    _self.data=eval("(" + data +")");
                })
            }
          })