基于nuxt 3开发的nuxtWebPlus尝鲜版全新发布!

大家好我是图恩 ,有好些日子没有写开发笔记了,最近这段时间主要是忙着给现在的博客系统重构,前段时候收到邮件得知nuxt3已经发布,目前官网已经发布了候选版,这也就意味着下一个版本或许就是正式版了,官网英文教程也都已经同步更新,经过几天的重构尝鲜版终于完成。

nuxt3采用vue3.0跟typescript语法,跟vue3.0保持同步,在实际开发过程中如果对vue熟悉的朋友应该能很快上手,当然也有差异的地方,具体差异的点可以去官网看实例。

图恩的博客目前的功能模块并不多,所以重构起来不是很复杂,功能也比较简单,所以需要做的就是把之前的代码改成nuxt3以及typescript的语法,路由功能跟之前保持一致,只需要新增对应文件就可以自动实现路由挑战,需要注意的是动态路由这里有一个小小的变化,之前的动态路由是在文件名前面加下划线,nuxt3的写法是用一个中括号包裹起来,例如:



除了这个点还有很多其他细节需要注意的,需要大家在实际开发过程中去熟悉,总的来说相较之前的Nuxt2并不复杂。

目前代码已开源,托管在码云上面,当然还在持续优化中,不过主体功能都已重构完成,可尝鲜试用。

开源地址:https://gitee.com/wilkwo/nuxt-web-plus.git

本文章由javascript技术分享原创和收集

如若转载请注明原文及出处:https://www.dsiab.com/post/b538392e-a3c1-404a-998c-a867fa9b3985
本站文章由javascript技术分享原创和收集,内容如有问题,请联系站长删除。