在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)