在前端代码中引入Axios.js文件 通过:
axios.get("http://localhost:8080/deptC").then((resp)=>{
console.log(resp,resp.data)
this.deptlist=resp.data;
})
请求后端数据 展示到浏览器控制台
效果图展示:
引入vue.js和axios.min.js 代码展示:
<script src="/vue/vue.min.js"></script>
<script src="/vue/axios.min.js"></script>
并且使用v-for循坏 渲染页面
<div id="app">
<button @click="showDept">点击显示数据</button>
<table border="1" cellpadding="20" cellspacing="0">
<tr>
<th>序号</th>
<th>部门名称&l