aliwalker / egg-view-vuejs

An egg.js plugin that integrates vue.js for SSR.

egg-view-vuejs

Forked from egg-view-vue. An egg.js plugin that integrates vue.js for server-side rendering.

Install

$ npm i egg-view-vuejs --save

Usage

// {app_root}/config/plugin.js
exports.vue = {
  enable: true,
  package: 'egg-view-vuejs',
};

Configuration

// {app_root}/config/config.default.js
exports.vue = {
  cache: true,
  /* See https://ssr.vuejs.org/api/#renderer-options */
  rendererOption: {
    clientManifest: ...,
    template: ...,
  }
};

see config/config.default.js for more detail.

Example

// To render from a serverBundle from a controller:
class HomeController extends egg.Controller {
  async home() {
    const ctx = this.ctx;
    // Render from a server bundle.
    await ctx.render('vue-ssr-server-bundle.json', {
      // render context.
      data: {
        name: 'vue render',
        description: 'egg view plugin for swig',
      },
    });
  }

  async foo() {
    const ctx = this.ctx;
    // Render directly from tempalte string.
    ctx.body = await ctx.renderString('<div>name: {{ name }}, desc: {{ desc }}</div>', {
      name: 'Cool',
      desc: 'Freaking cool',
    });
  }
  ...
}

License

MIT