Nuxt.js共0篇
Nuxt.js
排序
Nuxt.js中的数据请求方法与生命周期钩子
作者目前正在学习Nuxt3中，创作该文章的目的一方面是为了加深印象，提高学习效果，另一方面是将学习成果做一个总结，方便将来复习。在上一篇文章的最后，我们简单介绍了一下在Nuxt.js中如何编写...
2年前
Nuxt重构填坑
我的个人网站是用vuecli写的，SEO不忍直视。于是用Nuxt重构了代码，过程中踩了无数坑。且发现网上相关资料其实并不多，故总结如下 一：body样式不生效 正常的body样式设置不能生效，需要在nuxt....
2年前
使用Nuxt3开发网址导航（下，完结）
上篇文章写完了后端接口的开发，本篇就开始写前端的开发了。 效果：www.zngg.net/nav 开源地址：github.com/ZN-GG/ZNGG-… 上篇文章传送门：juejin.cn/post/726030… 整理上回思路： 所有导航信...
2年前
利用VMware 安装Centos 搭建Nuxt 打包环境
利用VMware 安装Centos 搭建Nuxt 打包环境 VMware 安装Centos 网上教程一大把，我就不在这里赘述了。 Centos 环境搭建 重置Centos Root 密码 重置Centos Root 密码 更多操作：切换至root角色命...
2年前Nuxt 3 作弊表
特点 支持 Node 16 或更新的偶数版本 推荐使用 VSCode + Volar 插件（开启 Take Over 模式接管 TS 代码）+ TypeScript Vue 插件 支持文件路由和 API 路由 支持自动导入 集成 Vue 3 支持服务端渲...
2年前
nuxt3拆包剖析——开发一个属于你的脚手架
前言 用过nuxt的朋友都知道，在scripts中的dev指令，用的是nuxt dev 我们探究一下nuxt是如何构建他们的脚手架的 小贴士，nuxt工程模板中的nuxt指令，还有个别名：nuxi，这两个指令指向相同的代...
2年前
Nuxt3 useFetch缓存问题
最近在使用 Nuxt3 提供的 useFetch 方法时，第一次请求可以正常收发，之后同一个请求就不发送了，所以看了一下 useFetch 的实现，发现是在特定场景下，命中了 nuxt 接口数据缓存。 先看下 useFe...
2年前
如何实现一个简单的 SSR 应用
前言 使用 vue 构建的项目，通常是 SPA(single page web application) 网站，其页面源代码往往像下图所示那样，内容部分是空的，只有一个 <div id='app'></div>，其余部分需要等待...
2年前【nuxt3】优雅地封装useFetch
什么是useFetch Nuxt.js 是一个基于 Vue.js 的通用应用框架，用于构建服务器渲染的应用程序（也称为通用应用程序或同构应用程序）。它简化了使用 Vue.js 构建服务器渲染应用程序的过程，并提供...
2年前
Nuxt 3 -实践指南，你不知道的“黑科技“
我正在参加「掘金·启航计划」 一、简介 Nuxt 3 是基于 Vite、Vue3 和 Nitro 的 Nuxt 框架的现代重写，具有一流的 Typescript 支持，是两年多研究、社区反馈、创新和实验的结果。为每个人提供了...
2年前
Nuxt3 全流程开发+配置+部署服务
一. 为什么要使用 Nuxt 首先我们想实现一个营销项目，需要较好的 SEO 能力，这样更便于公司、项目、产品的推广销售 介于当前前端技术趋势，更偏向于单页面应用 + 虚拟DOM，为的是开发效率和项目...
2年前
nuxt3拆包剖析——定义你的页面服务器
前言 我们使用脚手架开发的时候，比如vue-cli webpack-dev-server vite，都会执行dev命令，启动一个服务器，点击显示的链接，就能打开页面进行开发 不例外，nuxt也有自己的脚手架nuxi，并且执行...
2年前