掌握Javaweb 开发 实现前后端交互

在前端代码中引入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>部门名称</th>
            <th>部门位置</th>
            <th>部门领导</th>
        </tr>
        <tr v