在使用vue+spring boot+mybatis开发信息管理系统时，前端和后端是通过以下步骤进行交互的：
1. 前端向后端发送http请求。
2. 后端接收到请求后，通过mybatis从数据库中获取所需数据。
3. 后端将处理完的数据通过restful api返回给前端。
4. 前端根据后端返回的数据进行页面渲染。
具体来说，可以分为以下几个步骤：
1.前端发送http请求
前端使用vue.js作为基础框架，使用axios库向后端发送http请求。如下代码示例，使用`axios.get()`方法向后端发送get请求，其中`url`为要请求的api地址，`params`为请求参数
示例代码：
// Get请求示例，发送到url地址，并附带参数params
axios.get(url, {
params: params
})
.then(function (response) {
// 请求成功的回调函数，response为后端返回的数据
console.log(response);
})
.catch(function (error) {
// 请求失败的回调函数，error为错误信息
console.log(error);
});2. 后端接收请求并获取数据
后端使用Spring Boot框架，通过Controller类来接收前端发送的HTTP请求。在Controller中，可以定义以GET、POST、PUT等方式接收请求的方法。如下示例代码，`@GetMapping`注解表示使用GET方式接收请求，`@RequestParam`注解表示该参数为请求参数，`value`属性表示该参数的名称：
示例代码：
@GetMapping("/user")
@ResponseBody
public List<User> getUsers(@RequestParam("name") String name) {
// 通过MyBatis从数据库中获取数据
List<User> userList = userService.getUsersByName(name);
return userList;
}
在上面的代码中，`@ResponseBody`注解表示将返回值转换为JSON格式，并响应给前端。`userService.getUsersByName(name)`表示使用MyBatis从数据库中查询符合条件的用户列表。
3. 后端返回数据
后端通过RESTful API返回处理完的数据，一般使用JSON格式进行数据传输。在上面的示例中，返回的就是一个包含多个用户信息的JSON数组。
4. 前端渲染页面
前端通过Vue.js框架来渲染页面。具体来说，可以
使用Vue.js的`v-for`指令来遍历后端返回的用户列表，并将每个用户对象的属性渲染到HTML页面中。以下是示例代码：
<div id="app">
<ul>
<li v-for="user in userList">{{ user.name }} - {{ user.age }}</li>
</ul>
</div>
<script>
new Vue({
el: '#app',
data: {
userList: []
},
mounted() {
// 发送Ajax请求获取用户数据
axios.get('/api/users', {
params: {
name: 'John'
}
})
.then(response => {
this.userList = response.data;
})
.catch(error => {
console.log(error);
});
}
});
</script>
在上述代码中，`v-for`指令可以将数组中的每个元素转换为对应的DOM节点，从而实现渲染效果。同时，在Vue实例中定义了一个空的`userList`数组，用于存储后端返回的用户数据。在Vue的`mounted()`生命周期钩子中，使用axios库发送Ajax请求获取用户数据，并将响应数据赋值给`userList`数组。最终，`userList`数组中的数据会被渲染到HTML页面中，形成符合要求的用户列表。
