
Nuxt3.js
文章平均质量分 58
l煎饼果子
搬砖工程师
展开
-
Nuxt3 - useState全局状态管理与localStorage本地存储持久化
这是Nuxt3为我们准备的全局状态管理,且支持响应式,可以无需使用pinia等,直接在项目中使用。官网文档:useState · Nuxt Composables、State Management · Get Started with Nuxt注意事项:· 由于会把State存储为JSON,所以请不要存储不能被JSON化的数据,比如类、函数、Symbol等· 为了让我们的状态管理能在任何地方使用(不止在setup中),最好统一使用函数的写法,见下第一个参数是全局唯一的键值(就比原创 2023-07-14 01:28:06 · 5084 阅读 · 1 评论 -
Nuxt3 - 设置网站的图标和标题等
Nuxt3的更新变化特别大,请对准版本和时间再进行参考他人文章。我的nuxt版本:3.0.0,当前时间为2023.7.7官网文档:SEO and Meta · Get Started with Nuxt在任意一个页面中,使用useHead:其它方法:使用nuxt.config.ts,不推荐,因为无法动态更改,如何配置可以查阅官方文档。Nuxt3的更新变化特别大,请对准版本和时间再进行参考他人文章。我的nuxt版本:3.0.0,当前时间为2023.7.7。原创 2023-07-07 11:22:40 · 2325 阅读 · 1 评论 -
Nuxt3踩坑记 - 使用keep-alive
Nuxt3的变化太频繁了,很多其他人写的文章都已经失效了。本文章写于2023.7.7,nuxt版本为3.0.0。比如我想让/search是KeepAlive的,那么就是 在/pages/search.vue中,加上这句代码。现在想要让某个页面是keep-alive的,只需要在那个页面中加一句这个代码就行原创 2023-07-07 11:15:48 · 2283 阅读 · 5 评论