要在Docker中部署Vue项目，可以按照以下步骤进行操作：
1. 创建Vue项目：首先，使用Vue CLI创建一个Vue项目。可以使用以下命令创建一个新的Vue项目：
```
vue create my-vue-app
```
2. 构建Vue项目：进入项目目录，并使用以下命令构建Vue项目：
```
cd my-vue-app
npm run build
```
这将在`dist`目录下生成一个打包好的Vue项目。
3. 创建Dockerfile：在项目根目录下创建一个名为`Dockerfile`的文件，并在其中添加以下内容：
```Dockerfile
# 使用Node作为基础镜像
FROM node:latest as builder
# 设置工作目录
WORKDIR /app
# 将package.json和package-lock.json复制到容器中
COPY package*.json ./
# 安装依赖
RUN npm install
# 将项目文件复制到容器中
COPY . .
# 构建项目
RUN npm run build
# 使用Nginx作为基础镜像
FROM nginx:stable
# 将构建好的Vue项目复制到Nginx容器中
COPY --from=builder /app/dist /usr/share/nginx/html
# 暴露80端口
EXPOSE 80
# 启动Nginx
CMD ["nginx", "-g", "daemon off;"]
```
4. 构建Docker镜像：在项目根目录下，使用以下命令构建Docker镜像：
```
docker build -t my-vue-app .
```
5. 运行Docker容器：使用以下命令在Docker中运行Vue项目：
```
docker run -d -p 8080:80 my-vue-app
```
这将在Docker容器中运行Vue项目，并将容器的80端口映射到主机的8080端口上。
现在，可以通过访问`http://localhost:8080`来查看部署好的Vue项目了。
