[JavaScript知识库]vue ---- 组件综合案例（购物车案例）

获取数据

1. 装包npm i axios -S,在app.vue中导入axios

2. APP组件中获取数据的方法，和 生命周期函数

    methods: {
        //封装请求列表数据的方法
        async initCarList(){
            //调用 axios 的get方法，请求列表数据
            const {data:res} = await axios.get('https://www.escook.cn/api/cart')
            //只要请求回来的数据，在页面渲染期间要用，则必须转存到 data 中
            if(res.status === 200 ){
                this.list = res.list
            } 
        },
    },
    created(){
        this.initCarList();
    }

注意： 初始化请求的数据，在渲染期间需要被用到，则需要转存到data中