标签：vue const err 渲染 app ssr html renderer 服务端

前提：需要安装了vue-cl node

1.npm init -y初始化一个项目

2.修改package.json文件 

3.新建一个server.js文件

4.添加相关代码server.js

const Vue = require('vue')
//1.创建vue实例
const app = new Vue({
    template:`<div>hello</div>`
})
//2.创建渲染函数
const renderer = require('vue-server-renderer').createRenderer();
//3.将vue实例渲染为html
// renderer.renderToString(vue实例,（错误,渲染后的html)=>{})
// renderer.renderToString(app,(err,html)=>{
//     if(err) throw err;
//     console.log(html)
// })

//在2.5.0+如果没有传入回调函数，则回返回promise 执行需要注释上面的方法
renderer.renderToString(app).then((html)=>{
    console.log('html',html)
}).catch((err)=>{
console.log('err',err)
})

5.本来已经写好了一篇很完整的 不知道是不是bug的原因 居然没有保存到 刷新下页面都没了 然后我就简单写了下了

相关代码已上传到码云上 附上链接

太久没写了 请大家多多指教

标签：vue,const,err,渲染,app,ssr,html,renderer,服务端
来源： https://www.cnblogs.com/zczc1996/p/15598907.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。