模块化开发（axios模块）

axios模块化的步骤：

以vue-cli-demo为例（该项目使用的是webpack-simple模板）

1、安装axios模块

进入项目vue-cli-demo路径， 运行 cnpm install axios -S （安装axios生产依赖）

安装完成后，一是在node_modules文件夹中可以看到安装完成的axios模块，二是可以在package.json中自动生成了axios的生产依赖。

说明：使用axios的两种方式：

• 方式1：在每个组件中引入axios
• 方式2：在入口文件main.js中全局引入axios，并添加到Vue原型中（推荐使用）

 

2、编辑main.js

在main.js中引入axios模块，并添加到Vue原型中

 

3、编辑App.vue

在App.vue页面上添加按钮和发送的方法。

7、打开看效果

运行npm run dev ，查看ajax请求效果。