zoukankan      html  css  js  c++  java
  • vue-ssr(一)

    什么是服务端渲染?
    放在服务器进行就是服务端渲染,放在浏览器进行就是浏览器渲染。
    · 
    • 客户端渲染不利于SEO搜索引擎优化
    • 服务端渲染是可以被爬虫抓取到的,客户端异步渲染是很难被爬虫抓取到的
    • SSR直接将HTML字符串传递给浏览器,大大加快了首屏加载时间。
    • SSR占用更多的CPU和内存资源
    • 一些常用的浏览器API可能无法正常使用
    • 在vue中只支持beforeCreate和created两个生命周期
     
     
    安装
     
    yarn add koa koa-router  koa-static
     
    yarn add vue vue-router vuex vue-server-renderer
     
    注:vue-server-renderer 就是用于服务端渲染的一个包
     
     
    创建server.js
     
     
    引入vue包和vue渲染包
     
    用模板的形式渲染
    创建html模板:
     
    注:<!--vue-ssr-outlet--> 是固定写法,会自动的把渲染内容放到这里面 
     
    将转成字符串的vue结果插入模板中并返回一个插入后的结果
     
     
     
    陌生人,愿你永不迷失自己,心中永远有梦去追逐。 ---随笔签名写于2020.1.3 00:28:00 博主VX:stf569318425
  • 相关阅读:
    基于jQuery的上下无缝滚动应用(单行或多行)
    表单验证
    中国剩余定理 ( 的学习 )
    扩展欧几里德算法--学习笔记
    Vijos P1794 文化之旅
    1336 : Matrix Sum (hihocoder)
    nyoj 1030 hihocoder 1338
    多重邻接表
    图的存储 ( 十字链表 )
    01背包的变形
  • 原文地址:https://www.cnblogs.com/tengfeiS/p/14971304.html
Copyright © 2011-2022 走看看