在vue中引入Bootstrap4并且安装axios和vue-axios

1.cd  myweb  进入我的项目

2.npm install --save jquery popper.js   安装jquery 

3.npm install bootstrap --save --save-exact    安装bootstrap

4.在main.js中引入bootstrap:

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'

 

5.此时在app.vue文件中加入：

<button class="btn btn-primary">主要的</button>
<button class="btn btn-success">成功的</button>
<button class="btn btn-danger">危险的</button>

npm run dev 运行服务，效果如下：

 

2.安装axios 和vue-axios  :

npm install --save axios vue-axios

 

在main.js中引入及注册

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)