概述了Nuxt3的关键生命周期钩子用途，如page:finish用于页面加载后处理，page:transition:finish处理过渡效果完成，kit:compatibility扩展兼容性检查，ready标示应用启动就绪，close执行应用关闭清理，及restart控制应用重启流程，附带示例代码 ...

前言 众所周知，在vue中使用scoped可以避免父组件的样式渗透到子组件中。使用了scoped后会给html增加自定义属性data-v-x，同时会给组件内CSS选择器添加对应的属性选择器[data-v-x]。这篇我们来讲讲vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。注：本文 ...

摘要：本文深入介绍了Nuxt.js框架中几个关键的生命周期钩子函数，包括app:redirected（SSR环境下重定向前触发）、app:beforeMount（CSR下应用挂载前）、app:mounted（CSR下Vue应用在浏览器挂载时）、app:suspense:resolve（CSR中Sus... ...

‍ 写在开头 点赞 + 收藏 学会 一，安装 npm i swiper 二，使用 swiper/vue 导出 2 个组件：Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 ...

将这行代码改成这个值即可。 1.排查过程，搜索 “字段注入” ，一步步找到 FieldInjection.js 这个类 2.阅读FieldInjection.js这个类的代码，猜想值被清空，是由于设置成空了，于是在下面的方法上加上断点 3.一步步调试进去，找到值突然变空的那一行代码 4.通过直接在b ...

‍ 写在开头 点赞 + 收藏 学会 关于大屏视频监控有三种解决方案： 1.海康威视 优点：实时性强。多画面运行流畅，缺点：会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点：可配置性强 缺点：服务端大流量稳定性不确定 ...

摘要：本文是关于Nuxt3的系列文章之一，主要探讨Nuxt3的生命周期和钩子函数，引导读者深入了解其在前端开发中的应用。文章提供了往期相关文章链接，涉及Nuxt中间件、Composables、状态管理、路由系统、组件开发等多个方面，帮助读者全面掌握Nuxt3框架的特性和实践技巧。 ...

本文概述了Nuxt 3框架的升级特点，对比Nuxt 2，详细解析中间件应用、配置策略与实战示例，涵盖功能、错误管理、优化技巧，并探讨与Nuxt 3核心组件集成方法，给出最佳实践和问题解决方案，强调利用Vue 3和Serverless Functions提升中间件效能。 ...

前言 v-bind指令想必大家都不陌生，并且都知道他支持各种写法，比如<div v-bind:title="title">、<div :title="title">、<div :title>(vue3.4中引入的新的写法)。这三种写法的作用都是一样的，将title变量绑定到div标签的title属性 ...

摘要：“本文深入探讨了Nuxt3 Composables，重点介绍了其目录架构和内置API的高效应用。通过学习本文，读者将能够更好地理解和利用Nuxt3 Composables来构建高效的应用程序。” ...

摘要：该文指南详述了Nuxt 3的概况与安装，聚焦于在Nuxt 3框架下运用Vuex进行高效的状态管理，涵盖基础配置、模块化实践至高阶策略，助力开发者构建高性能前后端分离应用。 ...

很久很久没有更新博客了，因为实在是太忙了，每天都有公司的事情忙不完....... 最近在做车辆模拟地图，在实现控制站点名称按需显示时，折腾了好一段时间，特此记录一下。最终界面如下图所示： 站点显示需求：首末站必须显示，从第一个站开始，如果站点名称能显示下，则显示，如果站点名称会重叠则隐藏，以此类推。 ...

摘要：本文是一份关于Nuxt 3路由系统的详尽指南。它从介绍Nuxt 3的基本概念开始，包括Nuxt 3与Nuxt 2的区别和选择Nuxt 3的理由。然后，它详细解释了安装和配置Nuxt 3的步骤，以及Nuxt 3路由系统的基础知识，如动态路由和嵌套路由。接着，它介绍了路由中间件的作用和编写自定义中... ...

最近需要做一个三维场景切换的功能，切换场景后，还可以进行二三维模式的切换，二三维切换时，要定位到当前场景视角，那么场景的视角参数信息就需要保存到状态数据中，以供二三维场景切换时使用。 项目是用vue做的，这里并没有使用vue的状态管理库，我是这样实现的： 定义状态数据sceneInfo let sc ...

‍ 写在开头 点赞 + 收藏 学会 需求背景 从第三方采购的vue2 + ElementUI实现的云管平台，乙方说2011年左右就开始有这个项目了（那时候有Vue了吗，思考.jpg）。十几年的项目，我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容，吐槽归吐槽 ...

摘要：本文深入探讨了Nuxt 3的组件开发与管理，从基础概念、安装配置、目录结构、组件分类与开发实践、生命周期与优化，到测试与维护策略。详细介绍了Nuxt 3的核心特点，如服务器端渲染（SSR）、静态站点生成（SSG）以及与Vue生态系统的无缝集成。文章以Nuxt 3为基础，指导开发者如何高效构建高... ...

问题分析 当我们需要用折叠面板的时候，往往会考虑element-ui的el-collaspe，然而大多数时候原生默认的样式并无法拿来就用。我们往往会自定义组件的样式，或者在默认的基础上进行修改。最近在Vue项目中进行组件修改的时候，无意间某个文件自动设置成了scoped（应该是插件自动化生成的结构代 ...

前言 众所周知，在vue2的时候使用一个vue组件要么全局注册，要么局部注册。但是在setup语法糖中直接将组件import导入无需注册就可以使用，你知道这是为什么呢？注：本文中使用的vue版本为3.4.19。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 看个demo 我们先来看个简单的d ...

摘要：这篇文章是关于Nuxt3页面开发实战探索的。它介绍了Nuxt3的基础入门，安装与配置，项目结构，内置组件与功能，以及页面与路由的相关内容。Nuxt3是基于Vue 3的服务器端渲染框架，旨在简化Vue应用程序的开发流程，提供最佳的性能和开发 ...

摘要：本文详述了Nuxt.js框架中关键目录与配置文件的作用及使用方法，包括布局设定、页面结构管理、插件集成、静态资源处理、 Vuex状态管理、项目配置文件nuxt.config.js详解以及package.json、.eslintrc.js、.babelrc等辅助配置文件的配置方式，为构建高效Nu... ...