HTML直接引用vue.min.js,bootstrap-vue.min.js,axios.min.js等开发一个页面,2

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Quality Metrics</title>

<script src="../js/vue.min.js"></script>

<script src="../js/axios.min.js"></script>

<script src="../js/bootstrap-vue.min.js"></script>

<link href="../css/bootstrap.min.css" rel="stylesheet">

<link href="../css/bootstrap-vue.min.css" rel="stylesheet">

<link rel="icon" type="image/x-icon" href="../imgs/favicon.ico" />

</head>

<body>

<div )}}</b-td>

<b-td>{{project.testRailProject.project}}</b-td>

<b-td>{{project.testRailProject.ignoreSections}}</b-td>

</b-tr>

</b-tbody>

</b-table-simple>

</div>

</div>

<script>

new Vue({

el: '#app',

data() {

return {

projects: null

}

},

mounted(){

axios.get('http://localhost:8080/projects')

.then(response => {

if (response.data.code == 0) {

this.projects = response.data.data

}

})

.catch(error => {

console.log(error)

return []

})

}

})

</script>

</body>

</html>