vue - 4 解上个文章留下的bug

最新推荐文章于 2025-12-07 09:58:49 发布
原创 最新推荐文章于 2025-12-07 09:58:49 发布 · 145 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #bug #javascript

首先，如果我们需要在网页中看到我们写的重定向页面， 是需要在App.vue里面  写路由出口的

<router-view><router-view/>

 2.刷新页面就挂了，报错

需要在 vue.config.js 里面注释掉

an_julia
关注
手把手教你如何Vue项目打包dist文件并Tomcat发布【超级详细】
**My Coding Family**
03-24 1万+
零基础带你入门Vue项目打包部署到Linux服务器，一条龙服务，只为不远千里把你教会。
Vue-router方法大全：让页面跳转随心所欲！
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
07-07 1428
今天给大家带来一份超实用的vue-router方法指南，保证让你看完就能玩转各种页面跳转！
Vue实现角色权限动态路由详细教程，在vue-admin-template基础上修改，附免费完整项目代码
coderYYY的博客
11-27 6696
Vue实现角色权限动态路由详细教程，在vue-admin-template基础上修改，附免费完整项目代码，有详细注释
vue-router 源码解析(三)-实现路由守卫
weixin_43294560的博客
02-10 1992
【代码】vue-router 源码解析(三)-实现路由守卫。
浅析 vue-router 源码和动态路由权限分配
前端劝退师
10-23 704
背景上月立过一个 flag，看完 vue-router 的源码，可到后面逐渐发现 vue-router 的源码并不是像很多总结的文章那么容易理解，阅读过你就会发现里面的很多地方都会有多层...
vue-router的使用及实现原理
热门推荐
caoxinhui521的博客
08-29 7万+
前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种方式: 1. 在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航 2. 使用H5的window.history功能，使用URL的Hash来模拟一个完整的URL。当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路
Vue4进阶指南：从零到项目实战（上）
YunWisdom
06-19 2400
当您翻开本书的篇章，您开启的不仅是一段技术旅程，更是与现代前端之美的相遇。Vue.js 以其渐进式的哲学、响应式的魔法和组件化的艺术，十年间照亮了无数开发者的创造之路。而今 Vue4 携更强大的类型支持、更极致的性能优化、更深刻的 TSX 融合而来，我们站在了探索前端优雅范式的新起点。 Vue4 不是升级，而是进化。以 响应式魔法 为舟，TSX 类型 为桨，穿越Composition的星河，登陆工程化的彼岸。从第一行模板到架构设计，本书将黑暗中的摸索变为星光下的航路。启程吧，资深开发者的蜕变就在此刻。
@vue-cli2.X,3.X,4.X打包时开发环境、测试环境、生成环境配置
weixin_43809685的博客
09-12 541
@vue-cli2.X,3.X,4.X打包时开发环境、测试环境、生成环境配置 前言： 这篇文章主要是总结一下vue-cli各个版本打包时如何区分开发环境、测试环境和生产环境，主要为不懂的提供参考。 为什么要配置环境： 为什么要配置环境？这是因为在实际开发中公司需要做数据隔离，需要把开发环境、测试环境、生成环境的数据相互隔离开，防止数据污染。还有一点就是各个环境之间不会互相影响，这样可以提高团队的效率。 开发环境：简单理解就是程序员开发代码时需要运行的环境，包括了自测、预览的环境，一般这个环境只有开发者自己在
Vue2-状态管理Vuex介绍与使用
A的博客
07-15 1994
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。示例// 状态data () {return {count: 0},// 视图`,// 操作methods: {状态，驱动应用的数据源；视图，以声明方式将状态映射到视图；操作，响应在视图上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意：多个视图依赖于同一状态。
Vue Router 最新版惊现使用 BUG
学而不思则罔,思而不学则殆
05-09 1226
Vue Router 最新版路由守卫 路径重定向出现使用 bug 问题
vue-router 源代码全流程分析「长文」
微信-sjk6070
06-30 830
说明 以下内容均是依托 vue-router 2.0.0 版本展开分析。 此篇文章，是自己对 vue-router 实现分析的记录性文章，如有任何错误，欢迎指正，相互交流。 基础使用 import Vue from ‘vue’; import VueRouter from ‘vue-router’; Vue.use(VueRouter); const Home = { template: ‘hom...
vue路由篇
weixin_68658847的博客
03-03 1828
vue路由篇
9、VUE面经
shixue7758的博客
05-31 630
文章目录<一>、基础知识1、vue2/3的区别2、vue的基本原理3、双向数据绑定的原理<二>、VUEX1、原理2、VUEX的属性值有哪些<三>、vue-router1、对前端路由的理解2、钩子函数<四>、组件通信1、父组件向子组件通信2、子组件向父组件传递参数3、非父子组件之间的通信<五>、生命周期1、常见的生命周期2、keep-live3、在哪个周期调用异步请求<六>、虚拟DOM1、谈谈你对虚拟DOM的理解 <一>、基础
【前端隐蔽 Bug 深度剖析：SVG 组件复用中的 ID 冲突陷阱】
weixin_37342647的博客
06-20 948
SVG组件复用中的ID冲突陷阱 摘要：本文深入分析了一个前端开发中隐蔽的Bug案例——SVG组件复用导致的ID冲突问题。该问题表现为：当多个SVG组件实例同时存在时，先渲染的组件会影响后渲染组件的显示效果，特别是当先渲染组件被移除后，其他组件的SVG渐变和滤镜效果会失效。 关键发现： 问题根因是多个SVG实例使用相同ID的<defs>元素，违反了HTML ID唯一性原则 浏览器会忽略重复ID的定义，但SVG元素仍试图引用这些ID 当包含原始定义的组件被移除后，引用失效导致视觉效果异常 解决方案方
计算机毕业设计|基于springboot + vue在线考试管理系统(源码+数据库+文档)
最新发布
12-07 727
本文介绍了一个基于SpringBoot+Vue的在线考试管理系统。系统采用前后端分离架构，后端使用SpringBoot框架简化开发流程，前端采用Vue.js实现响应式界面，数据库选用MySQL存储数据。文章详细说明了系统设计原则、技术选型理由，并提供了功能演示视频、代码示例和测试用例。此外，还包含毕业设计选题推荐和源码获取方式。该系统具有用户友好的界面设计、完善的安全机制和良好的扩展性，适合作为计算机相关专业的毕业设计项目参考。
Vue3常用的组合式API 超详细讲解
只会写bug
12-03 408
Vue3响应式系统核心API解析：ref与reactive的底层原理、使用场景及对比 摘要： Vue3的响应式系统基于Proxy实现，主要提供ref和reactive两个基础API。ref通过包装对象处理基本类型（需.value访问），兼容复杂类型时会自动转为reactive；reactive直接代理对象/数组，支持深层属性响应。两者各有适用场景：ref适合基本类型和需要替换整个对象的场景，reactive适合简单对象操作。此外，computed提供响应式派生值并具有缓存机制。使用时需注意：ref避免直接覆
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 882
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
60 订单页选择收货地址
weixin_52943021的博客
12-02 271
【代码】60 订单页选择收货地址。
vue实现页面不断插入内容并且自动滚动功能
weixin_50606255的博客
12-04 282
我们在看视频时经常会看到黑客入侵别人电脑会在屏幕上显示一串代码，并且代码不断插入自动滚动，看起来很厉害的样子，现在就在此纪录实现此功能：
基于Vue和SpringBoot的高分毕设项目源码 - 影院购票系统
作为阿里云开发社区的专家博主，他专注于大学生项目实战开发，并在文章底部留下了联系方式，提供更多的项目定制服务。 ### 4. 其他资源推荐 作者还推荐了“最新计算机软件毕业设计选题大全”，该资源可在提供的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值