nuxt

nuxt体验上相对spa，优势就不用说了，同构框架类似next，性质基本一样，主要说下缺点

首评渲染快？那也要看你的接口有多快，不然可不能像spa那样加个loading，等数据拿到在渲染，只会白屏或者停留在上个页面，知道接口返回后，页面才会跳转，但是跳转后页面立马呈现，这也让人舒服很多
由于服务器端没有浏览器相关对象，所有经常有很多插件代码用到了window，location等之类的对象，那就会直接报错，只能放在服务器端执行，小插件还好说，但像iview这样大的组件库，当初版本还很老不支持ssr的时候，那就很痛苦
cookie，storage的坑，开发一定要区分开服务器端和客户端，因为服务器端可获取不到storage，cookie能从req中获取到，但无法set。
调试，首次打开页面是由服务器端先处理，所以客户端，chrome network中是看不到接口请求的，只能看到返回已经填充完数据的页面，但是如果报错了，就不能像spa那样立马定位到问题

其他方面遇到的问题应该也不多，和spa区别不会太大。

目前我也在公司好几个项目中重构用了这个框架，更新迭代中踩了不少坑，现在已经发布到了1.1.1，（好像上上周官方才升级1.0，还因为以前用的node版本是7.8.0，而它尽然要求要8.0.0以上，最后还是决定升级，和运维升级了所有开发和生产所有的node版本，以前升级几次都多少有一些老项目报错，然后回退了，这次由于很多项目都重构过了，过程还算问题不大，但也花了一天时间了，毕竟十个左右项目，dev，uat，prod各两台服务器。。。）

使用

先安装 vue-cli.

$ vue init bwcmall/nuxt my-project
$ cd my-project
# install dependencies
$ npm install # Or yarn install
复制代码

基于vue-cli，做个nuxt脚手架～相关推荐

怎么把HTML网页重构为VUE,基于vue cli重构多页面脚手架过程详解
官方提供的项目生成工具vue-cli没有对多页面webApp的支持,但是在实际的项目中,我们需要这样的脚手架,参考了很多大牛的方法,这里提供了一种我的单页面脚手架转换为多页面脚手架的方案,供大家参考. ...
vue项目通过命令行传参实现多环境配置(基于@vue/cli)
大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环境就方便了 npm run ...
基于vue cli 3.0创建前端项目并安装cube-ui
前提条件: 安装node.js. 国内的开发者最好先配置淘宝镜像. 之后用cnpm来代替npm命令. 项目创建过程: 打开cmd,输入命令进入目标工作空间,以本机项目为例: cd /d d: cd D ...
Vue CLI 3开发中屏蔽烦人的EsLint错误
问题 Vue开发中,特别是当你阅读分析别人的其中早期版本的Vue代码时往往会遭遇到满屏幕的烦人的EsLint错误.有关EsLint这个工具的作用不再赘述.查阅网上参考文档,大多是针对早起版本Vue C ...
linux 使用ssr客户端_【第一期】基于 @vue/cli3 与 koa 创建 ssr 工程
什么是基于同构代码的 SSR 服务(Server-side rendering based on isomorphic code) 首先,我们需要先明白什么是 spa (single page app ...
Vue CLI 3结合Lerna进行UI框架设计
第一次在掘金发文章,有点啰里啰嗦,大家见谅. 当前大部分UI框架设计的Webpack配置都相对复杂,例如Element.Ant Design Vue和Muse-UI等Vue组件库.例如Element, ...
七、Vue cli详解学习笔记——什么是Vue cli ,Vue cli的使用（安装，拉取2.x模板，初始化项目），Vue cli2详解，Runtime-Compiler和Runtime-only区别
一.什么是Vue CLI 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI. 如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI 使用Vue.js开发大型应用时 ...
基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册
基于 Vue JS.Element UI.Nuxt JS的项目PC端前端手册前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记 1.环境搭建 1.安装nodeJs 官网下载地址:http ...
Vue CLI 3.0脚手架如何在本地配置mock数据
前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段. 我们在开发的过程中,由于后台接口的没有完成或 ...

基于vue-cli，做个nuxt脚手架～

nuxt

使用

基于vue-cli，做个nuxt脚手架～相关推荐

最新文章

热门文章