nuxt3
文章平均质量分 60
胖奶奶与胖小伙
为初入职场的伙伴助力
展开
-
Nuxt3请求封装数据获取详解、useState和useCookie的使用
在Nuxt2中,如果我们要使用cookie,需要引入插件js-cookie,在Nuxt3中,也不再集成Vuex,可以利用Nuxt3的composables自动导入属性,把它们定义在composables目录中,这样他们将成为全局类型安全的状态。首先我们需要在项目的根目录新建composables文件夹,然后创建状态管理文件如:composables/state.ts.五、useState和useCookie的使用。如何获取修改 state 值。原创 2022-09-05 10:37:47 · 10552 阅读 · 8 评论 -
Nuxt3 服务端渲染 、elementplus多皮肤黑暗模式
注意:如果我们在文件命名时加上 .client,例如 element-plus.client.ts,此时代表该插件只在客户端加载。三、找到我们的整体布局组件default.vue,我们来使用一下引入的elementplus,看是否引入成功。首先:在utils创建样式文件theme.ts及tool.ts,我们只处理两种模式,如果要多种可自行拓展,完整代码如下:可以直接拷贝到自己项目中。,接下来我们来引入我们开发所需要的UI组件elementplus,实现顶部和底部整体布局以及配置黑暗模式。原创 2022-09-04 22:19:28 · 2226 阅读 · 2 评论 -
Nuxt3 服务端渲染 (一)
效果图只是显示了pages下index.vue的内容 - 你好,此时我们就需要改动我们的index.vue内容。1、根目录创建assets文件存放我们的静态资源文件。3、根目录创建layouts存放我们的整体布局文件。四 、在layout中创建我们的布局组件,默认命名default.vue。5、根目录创建utils存放我们的自定义js 或 ts 文件。2、根目录创建components文件存放我们的组件。4、根目录创建plugins存放我们的插件。6、根目录创建pages文件存放我们的页面。原创 2022-09-04 22:09:58 · 1198 阅读 · 2 评论