![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3.0
文章平均质量分 55
Vue3.0开发
Yehger
愿你的青春如野花般绽放
展开
-
File name ‘xxxx‘ differs from already included file name ‘xxxx‘ only in casing.
看报错信息,很好,又到了考验英语水平的时候了,这个报错信息里卖弄的路径太长了,我来简化一下。我刚刚确实把Info.vue不小心命名成了INfo.vue,但是改过来了,还是报这个错。文件名Info.vue和早已存在的INfo.vue文件的唯一区别就是大小写。八成是VSCode编辑器本身的问题,直接重启大法。很好,这样就清晰很多了,这里说了。原创 2024-05-29 18:24:20 · 373 阅读 · 0 评论 -
在组件外使用pinia的坑
项目包含很多静态的类型,我新建了一个js来专门管理和使用这些类型,如下图这种,有一部分是固定的,千年不变,有一部分是偶尔会变(需要后台获取),还有一部分是要登录后才能拿到的。于是乎,我准备在这里写一个类似hook之类的东西,在登录后再去请求这些数据,结果就报错了。原创 2024-05-28 18:28:59 · 219 阅读 · 0 评论 -
ResizeObserver loop completed with undelivered notifications.
如下图所示,通过查看其抛出错误信息的上下文,发现了这是webpack相关的代码,那么就可以确定,这个错误100%是webpack抛出的,虽然webpack为什么抛出这个错误的原因还是未知,但是我们可以通过防抖的方式解决。经过初步排查,这个错误并不是vue以及element-plus发出的报错,因为其源码并未找到关于。再次排查发现这也不是js的错误,因为控制台并未报出error。解决代码如下,直接放到main.js的下方,能保证加载就行。写项目的时候报的错,经过排查法,发现是。原创 2024-05-27 22:36:53 · 588 阅读 · 0 评论 -
Vue3.0项目搭建指南 不使用cli脚手架(v2)
Vue3.0项目搭建指南前言一、先让Vue3能够运行1.初始化2.安装相关依赖3.编写项目文件和配置webpack前言本指南作用于帮助开发人员更清晰的了解Vue3.0的常用框架及其生态之间的关系,以及在不借助cli脚手架的情况下一步步将项目组装起来。文中所使用所有相关依赖如下环境以及工具nodeJS v.14.16.0 - 基于 Chrome V8 引擎的 JavaScript 运行环境npm v6.14.11 - nodeJS的包管理工具编译依赖webpack v5.51.1 - 模原创 2021-09-02 15:11:50 · 2685 阅读 · 0 评论 -
vue history模式页面空白,vue-router4.0 history模式页面空白 解决方案合集
1.首先先确认资源是否全部加载完毕这个问题不大,Chrome浏览器下——>F12打开控制台——>点击Nextwork查看css资源,js资源是否全部加载完毕2.确认是否在http环境webHistory模式只能在http环境下运行,不能直接打开,测试的话可以去下载一个phpstudy一键搭建环境。3.确认打包后的项目是否放对了地方一般情况下vue打包后的文件是应该放在域名所指向的根目录,也就是说,通过域名或ip访问这个环境是直接指向打包后的index.html文件的不是根目录原创 2021-08-12 11:25:43 · 1499 阅读 · 0 评论 -
Vue3.0 mixin的使用 以及混合方式讲解
基本和2.0没啥区别,挂载方式有所改变这里有一点要说的是,这里的check_url这个组件混入在App根组件的时候,官方原话说的很模糊,说是以恰当的方式"合并"。合并这里不要误解,官方意思是数据会合并,并且以组件内部数据有限,如果出现冲突。且如果是生命周期函数created,类似这种,他们是没有合并的,而是各自执行各自的,被合并的组件优先这里是check_url,然后执行根组件内部的组件。也就是说,他们的生命周期并没有合并。main.jsconst check_url = { cre.原创 2020-12-30 11:00:34 · 2204 阅读 · 0 评论 -
Vue3.0挂载方法,添加全局属性
根据官方文档描述app.config是一个包含了 Vue 应用全局配置的对象。你可以在应用挂载前修改其属性,方法。main.js// 之前(Vue 2.x)Vue.prototype.$http = () => {}// 之后(Vue 3.x)const app = Vue.createApp({})app.config.globalProperties.$http = () => {}这里是官方文档的描述...原创 2020-12-30 10:29:51 · 2517 阅读 · 0 评论 -
Vue3.0,vue-router@4.0.0-alpha.6版本去掉地址栏#号
vue-router 4.0.0-alpha.6及以上版本的写法更新了上代码自己配置的index.jshash模式可以让前端自己控制地址栏,如果改为history模式,会导致页面刷新时的空白,如果不是硬性需求,没事请不要乱改。import { createRouter,createWebHistory} from "vue-router";import routes from './routes' //引入路由配置文件const router = createRouter({ histo.原创 2020-12-26 14:42:46 · 1400 阅读 · 0 评论