Java搭建mongodb并用VUE展现出来

要搭建Java与MongoDB的结合，需要使用MongoDB的Java驱动程序和Java开发环境。以下是搭建步骤：

1. 下载MongoDB的Java驱动程序

可以在Maven Central仓库中找到MongoDB的Java驱动程序，或者从MongoDB官方网站上下载。

2. 安装MongoDB数据库

在MongoDB官方网站上下载并安装MongoDB数据库，也可以使用Docker容器安装。

3. 创建Java项目

使用Java开发环境，如Eclipse或IntelliJ IDEA创建一个Java项目。

4. 添加MongoDB的Java驱动程序到项目中

将MongoDB的Java驱动程序添加到项目的依赖中。

5. 编写Java代码

使用MongoDB的Java驱动程序编写Java代码，连接到MongoDB数据库并执行查询操作。

6. 创建Vue项目

使用Vue CLI创建Vue项目。

7. 编写Vue代码

使用Vue框架编写Vue代码，从Java后端获取MongoDB数据库中的数据并展现出来。

示例代码：

Java代码：

import com.mongodb.MongoClient;
import com.mongodb.client.MongoDatabase;
import org.bson.Document;

public class MongoDB {

    public static void main(String[] args) {
        MongoClient mongoClient = new MongoClient("localhost", 27017);
        MongoDatabase database = mongoClient.getDatabase("test");
        Document document = database.getCollection("collection").find().first();
        System.out.println(document.toJson());
    }
}

Vue代码：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item._id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [],
    };
  },
  mounted() {
    fetch("http://localhost:8080/items")
      .then((response) => response.json())
      .then((data) => {
        this.items = data;
      });
  },
};
</script>

以上是基本的Java与MongoDB的结合以及Vue展现数据的步骤，根据具体需求可以进行更复杂的开发。