❤
npm
Sign UpSign In

egg-view-vue

1.0.0 • Public • Published

egg-view-vue

NPM version build status Test coverage David deps Known Vulnerabilities npm download

egg view plugin for [vue].

Install

$ npm i egg-view-vue --save

Usage

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

Render in controller, support js bundle render and json bundle render (vue 2.3+)

js bundle render

// {app_root}/app/controller/test.js
exports.home = function* (ctx) {
  // {app_root}/app/view/vue-ssr-server-bundle.js
  yield ctx.render('vue-ssr-server-bundle.js', { name: 'vue js bundle render' });
};

json bundle render (vue 2.3+), need to config renderOptions createBundleRenderer

// {app_root}/config/config.default.js
exports.vue = {
   // renderOptions config, please @see https://ssr.vuejs.org/en/api.html#renderer-options
   renderOptions: {
     // template: '<!DOCTYPE html><html lang="en"><body><!--vue-ssr-outlet--></body></html>',
 
     // webpack vue ssr plugin build manifest file
     // clientManifest: require(path.join(app.baseDir,'public/vue-ssr-client-manifest.json')),
   }
};
// {app_root}/app/controller/test.js
exports.home = function* (ctx) {
  // {app_root}/app/view/vue-ssr-server-bundle.json
  yield ctx.render('vue-ssr-server-bundle.json', { name: 'vue json render' });
};

vue server side render example, please see egg-vue-webpack-boilerplate

Configuration

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

Questions & Suggestions

Please open an issue here.

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i egg-view-vue

Repository

github.com/eggjs/egg-view-vue

Homepage

github.com/eggjs/egg-view-vue#readme

Weekly Downloads

64

Version

1.0.0

License

MIT

Last publish

Collaborators

  • jtyjty99999
  • atian25
  • dead_horse
  • shaoshuai0102
  • fengmk2
  • popomore
  • eggjs-admin
Try on RunKit
Report malware