使用vue前端框架实现简单的用户信息管理程序。可自行设计API，采用axios、mockjs等方式模拟后端的接口和数据。

好的，您想要实现一个简单的用户信息管理程序，使用Vue前端框架，并模拟后端接口和数据。我会给您提供一个基本的示例代码来帮助您开始。

首先，您可以在项目中使用Axios来进行网络请求，并使用Mock.js来模拟后端的接口和数据。确保您已经安装了Vue、Axios和Mock.js这些依赖。

接下来，我们可以创建一个Vue组件来展示用户信息列表。在该组件中，我们可以使用Axios来发起GET请求，获取用户信息列表，并将其展示在页面上。

<template>
  <div>
    <h2>User Information</h2>
    <ul>
      <li v-for="user in users" :key="user.id">
        {{ user.name }} - {{ user.email }}
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      users: [],
    };
  },
  mounted() {
    axios.get('/api/users') // 发起GET请求，获取用户信息列表
      .then(response => {
        this.users = response.data; // 将返回的数据赋值给users数组
      })
      .catch(error => {
        console.error(error);
      });
  },
};
</script>

在上面的代码中，我们通过Axios发起了一个GET请求，获取了后端API的`/api/users`接口返回的用户信息列表，并将返回的数据赋值给了`users`数组。然后我们可以使用`v-for`指令在页面上循环展示每个用户的姓名和邮箱。

为了模拟后端的接口和数据，我们可以使用Mock.js。在入口文件（比如`main.js`）中，我们可以编写一些Mock数据，并使用`Mock.mock()`方法来拦截请求并返回这些Mock数据。

import Mock from 'mockjs';

// 拦截GET请求，返回Mock数据
Mock.mock('/api/users', 'get', {
  'users|5': [{
    'id|+1': 1,
    'name': '@cname',
    'email': '@email',
  }],
});

在上面的代码中，我们使用了Mock.js的语法来生成了5个用户信息对象，并定义了`/api/users`接口返回这些数据。

最后，在Vue的入口文件中，我们需要将上述组件挂载到特定的DOM元素上。

import Vue from 'vue';
import App from './App.vue';

new Vue({
  render: h => h(App),
}).$mount('#app');

以上就是一个简单的使用Vue实现用户信息管理程序，并通过Axios和Mock.js模拟后端接口和数据的示例。您可以根据您的需求进行修改和扩展。希望对您有帮助！