技术栈
nuxt.js
用户409932250212
1 天前
前端
·
vue.js
·
nuxt.js
Nuxt3 的生命周期和钩子函数（十）
title: Nuxt3 的生命周期和钩子函数（十） date: 2024/6/30 updated: 2024/6/30 author: cmdragon
用户409932250212
2 天前
前端
·
vue.js
·
nuxt.js
Nuxt3 的生命周期和钩子函数（九）
title: Nuxt3 的生命周期和钩子函数（九） date: 2024/7/3 updated: 2024/7/3 author: cmdragon
用户409932250212
3 天前
前端
·
vue.js
·
nuxt.js
Nuxt3 的生命周期和钩子函数（八）
扫描二维码关注或者微信搜一搜：编程智域 前端至全栈交流与成长prepare:types 钩子在 Nuxt 准备 TypeScript 配置文件 .nuxt/tsconfig.json 和类型声明文件 .nuxt/nuxt.d.ts 之前被调用。这个钩子允许开发者修改 TypeScript 的配置，添加自定义的类型声明，或者引入额外的类型定义文件，从而扩展或自定义 Nuxt 项目中的 TypeScript 支持。
XMJ
6 天前
前端
·
nuxt.js
·
seo
Nuxt3的UseFetch源码分析
大家好，我是XMJ。最近一直在研究 Nuxt 相关的东西,为什么我要研究和写这些东西?我在搭建Nuxt相关的项目，使用的也是Nuxt3的版本，在搭建过程中遇到的很多问题去网上搜索总是找不到令人满意的解决办法，官网的东西也不是那么的全面，关于Nuxt3版本的技术文章也少的可怜，我一向觉得技术不能只是止步于能用就好，如果不对一项技术有足够的了解，在遇到问题的时候很难快速找到解决办法。今天就好好剖析一下usefetch这个官方推荐使用的用于数据请求的方法。
用户409932250212
7 天前
前端
·
vue.js
·
nuxt.js
Nuxt3 的生命周期和钩子函数（五）
title: Nuxt3 的生命周期和钩子函数（五） date: 2024/6/29 updated: 2024/6/29 author: cmdragon
用户409932250212
9 天前
前端
·
vue.js
·
nuxt.js
Nuxt3 的生命周期和钩子函数（二）
扫码关注或者微信搜一搜：编程智域 前端至全栈交流与成长参数：无 环境：服务器端（Server-Side Rendering, SSR）
用户409932250212
18 天前
前端
·
vue.js
·
nuxt.js
Nuxt.js 深入浅出：目录结构与文件组织详解
title: Nuxt.js 深入浅出：目录结构与文件组织详解 date: 2024/6/18 updated: 2024/6/18 author: cmdragon
Amd794
18 天前
vue.js
·
前端框架
·
web开发
·
nuxt.js
·
配置文件
·
服务器渲染
·
目录结构
Nuxt.js 深入浅出：目录结构与文件组织详解
title: Nuxt.js 深入浅出：目录结构与文件组织详解 date: 2024/6/18 updated: 2024/6/18 author: cmdragon
Amd794
18 天前
vue.js
·
前端开发
·
nuxt.js
·
ssr
·
web性能
·
代码部署
·
服务器端渲染
安装 Nuxt.js 的步骤和注意事项
title: 安装 Nuxt.js 的步骤和注意事项 date: 2024/6/17 updated: 2024/6/17 author: cmdragon
Potter
1 个月前
前端
·
vue.js
·
nuxt.js
Nuxt 项目实战 - 14：实现两个非常实用的自定义指令
光标移入一个元素执行执行一段逻辑，比如：按钮颜色要变，其他弹框要显示，光标移出元素时又恢复。如果仅仅是样式不同可直接css，但是要执行js代码就有点麻烦了。可能你立马会想到mouseenter和mouseleave。但是如果有多层元素都需要这个就没有那么优雅了
知了清语
1 个月前
vue.js
·
nuxt.js
nuxt3-路由验证
在 nuxt3中，希望做路由验证，可以借助 definePageMeta 实现现在有2个页面，A 页面和B页面， 从A页面跳转到B页面携带了参数，如果参数不符合要求，就不要跳转到B页面， 要求做一个 拦截
知了清语
1 个月前
vue.js
·
nuxt.js
nuxt3接入wangEditor
注意看看包的版本是不是都是 5.x截止到 2024-05-22 上面2个包均为最新版本上述组件目前不需要包裹在 Nuxt3的 ClientOnly 里面。
知了清语
2 个月前
vue.js
·
nuxt.js
nuxt3服务端与客户端渲染不一致-案例
所有案例均基于 nuxt3看代码上没问题，放 SPA里面 也不会有任何问题，但是放nuxt3/SSR框架里面，就会出现 服务端渲染和客户端渲染不一致问题
默默且听风
2 个月前
前端
·
vue.js
·
nuxt.js
保姆级教程轻松在Nuxt中使用IconPark图标库
官网传送门 @IconPark图标库IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库，可以实现根据单一SVG源文件变换出多种主题， 具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标。
天涯学馆
2 个月前
开发语言
·
javascript
·
vue.js
·
nuxt.js
Nuxt.js实战：Vue.js的服务器端渲染框架
首先，确保你已经安装了Node.js和yarn或npm。然后，通过命令行创建一个新的Nuxt.js项目：
默默且听风
2 个月前
前端
·
vue.js
·
nuxt.js
vue3 插槽一览和封装新闻卡片
在Vue 3中，插槽（Slots）是一种强大的模式，用于从父组件向子组件传递内容。它们允许你将组件的一部分内容定义在父组件中，而这部分内容将在子组件的指定位置呈现。与Vue 2相比，Vue 3在插槽的使用和语法上做了一些改进，尤其是在组合式 API 的使用上。
墨者阳明
2 个月前
前端
·
vue.js
·
nuxt.js
NUXT3 安装 Tailwind css
主要为了解决“nuxt”多版本的适配问题，和兼容性报错，项目以 "nuxt": "^3.11.2"为主
进击的松鼠
2 个月前
前端
·
vue.js
·
nuxt.js
起航 Nuxt | 初识篇
Nuxt 是一个能够创建高性能和生产级的全栈 Web 应用框架。在数据双向绑定和组件化方面，Nuxt 选择了 Vue.js；在处理客户端导航方面，Nuxt 选择了 vue-router；
牛角仙
2 个月前
前端
·
nuxt.js
Nuxt3服务端渲染时调用的接口报500时如何显示error.vue
首先看官网案例：思路就是将setup中的代码通过await同步执行，请求完接口后对data或error进行判断，然后就能按条件显示error.vue页面。其中，官方也更推荐用showError代替throw createError。但是这样的写的问题是：1、没有对接口调用进行封装；2、对接口的错误处理也没有封装。
qm
3 个月前
vue.js
·
nuxt.js
【nuxt服务端渲染技术篇】Vuejs快速重构为Nuxtjs
Vuejs 是易于上手的前端主流框架之一，虽然其SPA的特性导致在面对seo需求的网站开发时不太友好，但是vuejs提供了相应的解决方案，Prerender预渲染和SSR服务端渲染技术。 前者可以在项目打包时将配置好的路由页面生成为静态页面，利于搜索引擎爬虫，但是依然有部分需求场景无法满足，例如详情页跳转，而后者是基于vuejs开发的SSR框架，可以解决基本的SEO需求，本文也将演示如何将你的vue2项目迁移至nuxt2，为项目做SEO优化。