开启 Nuxt 学习之旅

从周一开始，我开始补Nuxt。作为Vue技术栈的上层全栈框架，可以说是Vue的最后一步了。Nuxt的出现主要是弥补Vue的Spa网站SEO很差和首屏加载慢的问题，Vue作为js动态渲染的单页面网站，搜索引擎的爬虫根本爬不到这个网站的信息，自然也就是搜不到这个网站，但是Vue的开发速度很快，基于以上，Vue适合做的是一个网站的后台或者XXX管理系统，因为这种网站不需要被搜索引擎搜索到。

Nuxt 的核心渲染原理

Nuxt由于是使用SSR（Severe-Side Render）和CSR（Client-Side Render）的混合渲染模式，弥补了Vue项目SEO很差的问题。Nuxt内嵌了一个服务器引擎Nitro，所以能在服务端渲染（有点像老派PHP）。每次请求的时候，先进行服务端渲染一次，返回一个静态的网页结构，让爬虫能够爬取，然后再在客户端进行渲染，让请求速度保留了单页面的快速。

学习 Nuxt 遇到的困境

但是学习Nuxt的时候我遇到了很多的问题。首先就是，25年出Nuxt4的课程很少很少，虽然Nuxt4似乎只在Nuxt3的基础上改了项目结构和删除了部分在Nuxt3就打算弃用的api，但是我还是想要学到最新的课程。无奈只能寻找Nuxt3的课程，Nuxt3的课程大部分是23年的，而且培训机构黑马和尚硅谷我都没有看见好的免费课程，别的免费课程看的时候感觉质量也不高，有质量高的，但是又是使用Ts。没学过ts的我，看起来很吃力。

被迫转向学习 TypeScript

既然视频都不符合我的心意，索性直接开始啃Nuxt的官方文档。两天之后我完全后悔了，速度很慢，而且很多概念也难以理解（或许是我已经习惯了学习编程就是要找视频，反而看文档有点难以看进去了）。没办法，被迫开始了学习TypeScript。

TypeScript 学习进度

Ts在b站上视频也不算多，好在质量够，其中在Vue3 + Ts的课程就很吸引我。（或者我一开始学Vue的时候就应该看这个的）但是这个课程并没有完全在讲Ts的语法，索性放弃了这个课程。看上了尚硅谷的直播回放的Ts语法复习速通。视频质量很高，有过Java，Js语言的基础理解起来还是很快的，但是熟练使用还是得在项目中练习才行。目前还有Ts的装饰器没看，加油加油，学完直接学Nuxt！