Egg.js 是一個基于 Koa 的 Node.js 企業級框架，可以幫助我們快速搭建 Node.js 服務端應用。隨著 Vue.js 的普及，越來越多的項目需要與 Egg.js 結合使用。本文將介紹如何在 Egg.js 中集成 Vue.js。

首先，我們需要安裝 egg-view-vue 插件，該插件是 Egg.js 官方提供的 Vue.js 插件，可以幫助我們在 Egg.js 中使用 Vue.js。下面是安裝命令：

$ npm install egg-view-vue@next --save

安裝完畢后，在 config/plugin.js 文件中新增以下配置：

exports.vue = {
enable: true,
package: 'egg-view-vue'
};

接著，在 config/config.default.js 文件中配置模板引擎為 Vue.js：

exports.view = {
mapping: {
'.html': 'vue'
}
};

然后，在 app/view 目錄下創建 vue 目錄，在其中新建 index.vue 文件，代碼如下：

最后，在 controller/home.js 文件中，寫入以下代碼：

'use strict';
const Controller = require('egg').Controller;
class HomeController extends Controller {
async index() {
const { ctx } = this;
await ctx.render('vue/index', {
title: 'Hello, Egg + Vue!'
});
}
}
module.exports = HomeController;

至此，我們已經完成了在 Egg.js 中集成 Vue.js 的操作。在瀏覽器中打開 http://localhost:7001/，即可看到 “Hello, Egg + Vue!” 的字樣。在 index.vue 中，你可以書寫任意 Vue.js 的代碼，比如組件、動畫等等，Egg.js 會自動編譯和渲染。