Skip to content

Nuxt3开发记录

前言

在写了三年spa之后写ssr多少有点挑战,我将记录下开发中遇到一些问题,并且找出解决思路,方便日后查阅,同时多看官方文档,没有文明上网的可以看中文官方文档

如果你熟练掌握vue3语法,那么nuxt3对于你来说,基本没有学习成本

nuxt 是什么

  • Nuxt.js 是一个基于 Vue.js 的通用应用框架。
  • 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI 渲染。
  • 就使用而言,组件写法基本和vue相差不大,区别在于几个钩子函数,以及一些服务端渲染相关的东西

nuxt特性

  • 基于 Vue.js
  • 自动代码分层
  • 服务端渲染
  • 强大的路由功能,支持异步数据
  • 静态文件服务
  • ES2015+ 语法支持
  • 打包和压缩 JS 和 CSS
  • HTML 头部标签管理
  • 支持各种样式预处理器: SASS、LESS、 Stylus 等等

优点

  • 利于seo,一般购物类网站都需要seo优化
  • 首屏渲染速度更快
  • 原因是:服务端渲染只需要进行一次网络请求,而客户端渲染需要先请求运行所需文件,运行之后再进行网络请求数据,然后 - 加载页面
  • 缺点
  • 对于服务器要求比客户端渲染高

1.如何安装nuxt3
2.最优雅的请求方式

Released under the MIT License.