怎么用idea和vue查看和修改数据库里面user自己的数据

首先，你需要确保你的IDE（IntelliJ IDEA）和Vue项目都已经成功连接到数据库，并且数据库中已经有了用户数据。

然后，你可以在Vue中创建一个页面来查看和修改用户数据。在该页面中，你可以使用Vue框架提供的HTTP库（例如axios）来向后端发送请求，从而获取用户数据并将其展示在页面上。同时，你也可以通过发送HTTP请求来修改用户数据。

具体地，你可以在Vue页面中使用axios库发送GET请求来获取用户数据，例如：

axios.get('/api/user')
  .then(response => {
    // 处理返回的用户数据
  })
  .catch(error => {
    console.log(error);
  });

其中，`/api/user`是后端接口的URL，你需要根据实际情况进行修改。

接下来，你可以将获取到的用户数据展示在页面上，例如使用Vue组件来展示每个用户的信息：

<template>
  <div>
    <div v-for="user in users" :key="user.id">
      <p>用户名：{{ user.username }}</p>
      <p>邮箱：{{ user.email }}</p>
      <router-link :to="'/edit-user/' + user.id">编辑</router-link>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      users: []
    }
  },
  mounted() {
    axios.get('/api/user')
      .then(response => {
        this.users = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }
}
</script>

在上面的代码中，我们使用`v-for`指令来遍历所有的用户数据，并使用`router-link`组件来跳转到编辑用户页面。

最后，你可以在编辑用户页面中使用axios库发送POST请求来修改用户数据，例如：

axios.post('/api/user/' + userId, {
  username: newUsername,
  email: newEmail
})
  .then(response => {
    // 处理成功响应
  })
  .catch(error => {
    console.log(error);
  });

其中，`/api/user/:id`是后端接口的URL，`:id`是要修改的用户的ID，`newUsername`和`newEmail`是要更新的新数据。

需要注意的是，以上代码只是示例代码，具体的实现方式会根据你的具体情况而有所不同。同时，你也需要在后端编写相应的接口来处理前端发送的请求，从而实现查看和修改用户数据的功能。