Docker是一个开源的应用容器引擎，可以帮助我们快速、可靠地构建、部署和运行应用程序。

在部署Vue项目之前，我们首先需要安装Docker。在安装过程中，需要注意选择与操作系统相匹配的版本，并遵循官方文档中的步骤进行安装。

安装完成后，我们打开终端并进入Vue项目的根目录。在这个目录下，我们需要创建一个名为`Dockerfile`的文件。`Dockerfile`是一个文本文件，其中包含一组Docker指令，用于指导构建Docker镜像的过程。

接下来，让我们来编写`Dockerfile`：

```Dockerfile

# 使用Node.js 12镜像作为基础镜像

FROM node:12

# 设置工作目录为/app

WORKDIR /app

# 将package.json和package-lock.json拷贝到容器中

COPY package*.json ./

# 安装项目依赖

RUN npm install

# 将当前目录下的所有文件拷贝到容器中

COPY . .

# 构建生产环境代码

RUN npm run build

# 运行项目

CMD [ "npm"

"run"

"serve" ]

```

在这个`Dockerfile`中，我们首先指定了使用Node.js 12作为基础镜像。然后，设置工作目录为`/app`，并将`package.json`和`package-lock.json`文件拷贝到容器中。

接下来，运行`npm install`命令，安装项目依赖。然后，将当前目录下的所有文件拷贝到容器中。

之后，运行`npm run build`命令，构建生产环境的代码。*，使用`CMD`指令运行`npm run serve`命令，启动项目。

编写好`Dockerfile`后，我们可以使用`docker build`命令来构建Docker镜像。在终端中，进入Vue项目的根目录，并执行以下命令：

```

docker build -t vue-app .

```

其中，`-t`参数用于给镜像设置标签，这里我们将标签设置为`vue-app`。*的`.`表示将当前目录作为上下文构建镜像。

构建完成后，我们可以使用`docker run`命令来运行镜像，并以容器的形式启动Vue项目。执行以下命令：

```

docker run -it -p 8080:8080 vue-app

```

其中，`-p`参数用于将容器的端口映射到宿主机的端口。这里我们将容器的8080端口映射到宿主机的8080端口。`-it`参数用于让容器的标准输入保持打开状态，并分配一个伪终端。

运行命令后，我们可以在浏览器中访问`http://localhost:8080`，即可查看运行的Vue项目。

在Docker中部署Vue项目可以将项目和运行环境隔离开，方便部署和扩展。同时，Docker还提供了简单、一致和可重复部署的方式，不仅适用于Vue项目，也适用于其他类型的应用程序。