2019-04-17vue项目用后台json数据做列表循环

第一种

钩子

mounted: function () {

        this.cartView();

},

方法:

methods: {

    // 显示购物车界面

       cartView:function(){

            var_this =this;

        // 获取商品数据信息

            this.$http.get("data/products.json").then(function(res){

                _this.productList = res.body.result.list;

                console.log(res);

                console.log(_this.productList);

            })

    },

}

第二种

import axios from 'axios'

Vue.prototype.$axios = axios;

created() {

    axios.get('static/data.json').then((res) =>{

        console.log(res.data.goods)

        this.goods = res.data.goods 

     });

}s

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容