转载

vue中的 SPA 与 SSR 的使用场景以及element-UI、Nuxt.js 的使用

1. SSR 的应用场景
  

 SPA 页面内容是在浏览器中(客户)渲染,搜索引擎不友好
     互联网(公众,天猫,京东,静态化  --- SSR )
    企业应用(内网,没有 SEO 需求,不需要 SSR)
    SSR---静态:用户爽,请求 ---》 给你一个 渲染好了的页面(预先渲染存储到服务器)直接显示,通信 很快
    
    动态 XHR(SPA) : 用户请求,回复一堆脚本 + 数据 自己合成, 服务器开销稍微小一些;慢,SEO 不友好
    SPA(动态)  ====== SSR 服务端渲染生产静态(看具体场景)

 2. 爬虫

    1.解析 HTML 页面,
    2.访问对方 API 接口 -- 涉及权限问题



3.element


    一套类似 Bootstrap 的 UI 组件库,与 Vue 深度整合(搭配UI)
     Vue 深度定制的 UI 库


4.Nuxt.js

是一个基于 Vue.js 的通用应用框架。

 目前 vue 中最前沿/高端的技术

    通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。

利用nuxt.js创建一个工程项目:

 npx create-nuxt-app

 


 

 


 

 


 

 


 

 


 

 


 

 


 

 



5. Vue CLI + vuex + Vue Router + bootstrap | element,  Nuxt.js (SSR)



6.

国内 Vue 第一,国外 https://zh-hans.reactjs.org/ 第一
    


npm的图解

 

 

正文到此结束
本文目录