自学vue 之使用axios获取ajax数据请求和首页父子组件数据传递部分笔记

使用axios获取ajax数据请求：

      首先还是线上创建分支 git pull 拉到本地，并 git checkout index-ajax 切换到该分支，运行命令 npm install axios -- save 安装 axios 依赖包 ，在首页home.vue组件中引入 axios ，引入代码如下：

注意事项：

（1）axios.get 数据的index.json路径需要放置于static（静态文件放置文件夹）/mock文件下才能访问，而模拟数据一般不提交到线上，所以需要在.gitignore 中加入static/mock， 则该文件内容不会被提交到线上或本地

（2） 同样，直接访问路径'/static/mock/index.json'是不可取的的，需要在上图左边第二个文件config下的index.js中proxyTable设置代理路径，如下图所示；则代理路径'/api/index.json'就相当于'static/mock/index.json'，就可以进行访问啦~