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的图解

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

vue spa php,在Vue中有关SPA首屏加载优化（详细教程）
本篇文章主要介绍了浅谈Vue SPA 首屏加载优化实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧写在前面本文记录笔者在Vue SPA项目首屏加载优化过程中遇到的一 ...
vue中引入swiper(4.0+)，打包出错（ ERROR in static/js/4.bafdba9a08bd02fd1c37.js from UglifyJs Unexpected toke）
vue打包报错: ERROR in static/js/4.bafdba9a08bd02fd1c37.js from UglifyJs Unexpected token: name (Dom7) [. ...
[绍棠] Vue中this.$nextTick()实现原理及使用场景学习总结
this.$nextTick()原理: Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新. Vue 在修改数据后,视图不会立刻更新,而是等同一事件循环中 ...
Vue中 watch 和 computed 区别和使用场景
在 vue 的项目中,经常用到 watch 和 computed 这两个属性.两个都是数值改变触发改变的属性,他们之间有什么区别? 1.区别 Computed: computed: 是计算属性,依赖其 ...
Vue中watch监听路由的使用场景
created(){if(this.$route.params && this.$route.params.id){//从路径获取id值const id =this.$route.pa ...
Vue + Element UI + Moment.js——el-table-column的时间戳格式转换解决方案
基本概念 Moment.js:JavaScript 日期处理类库解决方案 formatter="dateFormat"绑定一个 dateFormat方法 <el-table ...
Vue中通过Axios向SpringBoot发送get和post请求
场景前端使用Vue+ElementUI实现页面布局. 跨域请求使用axios. 为了将axios的请求对象封装成公共的.新建request.js import axios from 'axios' ...
只需2步，教你在Vue中设置登录验证拦截
摘要:两步教你在Vue中设置登录验证拦截! 本文分享自华为云社区<两步教你在Vue中设置登录验证拦截!>,作者: 灰小猿 . 今天在做vue和springboot交互的一个项目的时候,想要 ...
Moment.js在Vue中使用
Moment.js在Vue中使用 1. 安装依赖包 npm install moment --save 2. main.js中引入 import moment from 'moment' Vue.pr ...

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

1. SSR 的应用场景

2. 爬虫

3.element

4.Nuxt.js

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

6.

npm的图解

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

最新文章

热门文章