vue-server-renderer
const Koa = require("koa");
const Router = require("koa-router");
const Vue = require("vue");
const render = require("vue-server-renderer").createRenderer();
const app = new Koa();
const router = new Router();
const vue = new Vue({
data:{
name:"gcc的第一个vue ssr 页面"
},
template:`
<div>
<h1>gcc dfg</h1>
<button @click="tm(123)">ddddd</button>
</div>
`,
methods: {
tm: function (e) {
console.log(e);
}
}
})
router.get('/',ctx=>{
//拼接html字符串
render.renderToString(vue,(err,html)=>{
if(!err){
console.log(html);
ctx.body = `<html><body>${html}</body></html>`
}
})
})
app.use(router.routes());
app.listen(3650);
nuxt
npx(直接调用项目内部安装的模块,而无需再输入模块路径) create-nuxt-app 目录