vue爬坑之：组件的文件夹下边一定不要出现与.vue同名的.js文件

最新推荐文章于 2023-04-14 11:12:04 发布
最新推荐文章于 2023-04-14 11:12:04 发布
阅读量2.2k 收藏 1
点赞数 1
分类专栏： 原创 文章标签： Vue js  前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39143969/article/details/86487812
版权

大早上到公司启动Vue 项目，发生一件绝望的事情，在tab切换的选项中前两个都有内容，就是第三个没有加载出来组件，搜寻各种疑问才发现自己犯了一个低级错误
把图中的两个名字写成相同的了，改了以后报错也没有了，组件也加载出来了，搞了一个小时才发现问题，害人不浅

爱吃火腿的子车鸿轩
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue组件和vue中的同名问题：
weixin_59856312的博客
02-13 1993
组件的概念：通俗的来理解，组件就是一个功能模块，组件是可以复用的vue的一个实列，并且带有一个名字考虑的问题：提升组件的复用性，降低组件之间耦合性 加强内聚。
Vue3.0上传文件无法上传同一文件的问题(小坑)
AzeShinja的博客
07-14 618
因为以前刚学Vue2， 然后项目有需求要用Vue3 所以有很多坑都会踩一下 在vue2 的ref绑定中， 需要将 this.$refs.inputFiles.value = null; 上传的文件路径值赋空值就可以再上传相同文件了 但是在vue3的 const inputFiles = ref(null); inputFiles.value = null; // 这里的value拿到的是标签 这里的value拿到的是标签， 显而易见他仍然无法上传相同文件， 所以我们需要再.value才能拿到文件的路.
Failed to mount component: template or render function not defined.
seimeii的博客
03-16 1413
原因是路由引入时候报错，没有写全路径 然后文件夹下面有相同名称的.vue文件和.js文件 我把本应在<script>标签中的代码拿出来放到了index.js上， 而我在router.js中引入组件时又偷懒了。 因此vue-loader在引入时把index.js当做了入口， 而不是index.vue。 所以就出现了上面这个问题，解决方案很简单，引入组件时加个index.vue就可以了。 > let SeniorCertification = () => > import('.
.vue和.js的区别
monicateacat的博客
04-14 3465
.vue和.js的区别
Vue中import from的来源及省略后缀与加载文件夹问题
10-15
在Vue项目中，这个来源可以是JavaScript（`.js`）、Vue单文件组件（`.vue`）或JSON文件（`.json`）。这些文件类型的设定通常在Webpack配置文件（如`webpack.base.conf.js`）中的 `resolve.extensions` 字段进行定义...
vue-devTool编译和安装教程附源代码和编译后的安装包
04-03
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。Vue DevTools 是一款强大的浏览器扩展，它为Vue应用程序提供了丰富的开发工具，包括组件树查看、实时数据观察、性能分析等功能。在Chrome、Firefox等...
tidory.com:Tidory的网站框架
04-19
3. **组件化开发**：根据需求创建Vue组件，每个组件封装特定的功能和视图，方便复用和维护。 4. **路由配置**：利用Vue Router管理页面间的导航，定义路由规则并配置懒加载，提升用户体验。 5. **状态管理**：如果...
【用360解压工具解压】springboot+vue实验室(预约)管理系统【www.java1234.com】.zip
最新发布
06-16
5. 解压完成后，你会看到一个与压缩包同名的文件夹，里面包含了系统的源代码、资源文件和其他相关文档。 在解压后的文件中，你可能会找到以下几个部分： 1. src：源代码目录，可能分为main和test两个子目录，分别...
d2-admin-master.zip
07-20
Vue.js是一款轻量级的前端JavaScript框架，以其易用性和灵活性受到开发者喜爱，而D2 Admin Master则是Vue.js生态中的一个重要组件库和模板，用于快速构建高效的管理界面。 【描述】提到"D2-admin-master，一个非常...
认识Vue,js
m0_62031104的博客
07-30 1028
近几年,互联网前端行业发展迅猛,涌现出一大批优秀框架这些框架逐渐改变了传统前端的开发方式,如google的AngularJS,Facebook的ReactJS这些MVC(MVVM)框架的出现和组件化的普及和规范化,使得前端开发者不得不加快脚步,更新自己的知识体系Vue读做/vjuː/，取英文单词view的发音在很长的一段时间内我都用VUE三个单词的发音在读,这其实是错误的Vue作者尤雨溪,华裔,前谷歌工程师,目前加入阿里据传说正在写Vue4.0.......
vue：如何使用js文件里的方法
cdd9527的博客
08-23 6646
在vue文件里调用js文件里的方法，如果js文件里还有其他方法，都是使用this.$urlParse.来调用即可。首先，js文件里的方法必须加export前缀，否则其他文件没有访问权限。在需要使用方法的地方，直接使用即可，不需要加this之类的前缀。直接在vue文件里引入方法方法，记得给方法名称加{}.2、main.js里全局引入。1、vue文件里局部引入。
vue组件模板加载出现同名的情况如何处理 For recursive components, make sure to provide the "name" option
阿嚏乱码的地方
03-02 5792
昨天在用uni-app写h5项目时出现了一个问题： 报错： Unknown custom element: <swiper-img> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 本身uni-app中自带了名...
Vue组件使用
又是重名了
08-31 537
今天遇到一个bug，学到了一些东西，在这里整理一下。 首先展示功能 这是一个报账系统的页面，系统是嵌入在一个软件上面的所有的数据都是依靠缓存来获取的这是前提。 问题描述 首先这是一个识别的问题，我们使用ocr识别，识别发票的信息，将发票代码+发票号码结合在一起，形成发票编码便于我们查询，然后录入发票的总金额，税额，然后问题就来了，问题出现在税额这个字段在导入时发现没有小数点，经过多次试验是组件内部出现了问题，然后我们开始解决问题 问题解决 首先找到指定页面，然后寻找指定位置的代码使用Ctrl+F寻找ocr
Vue中使用的组件名称与html的标签名字重复
pon的博客
03-30 3418
在开发项目中，我们需要创建许多组件，特别要注意的一点是，我们在引用组件使用时，名字千万不要与html中的标签重名，如果出现重名的情况，vue将不知道你使用是vue组件还是HTML标签页，举个栗子： 我们在home组件中引用我们自定义的组件header，由于html中已经存在header标签了，所以当你在home组件中再使用自定义的组件 ,vue就会默认为你写的是html标签，这样的话，你自定义的组......
Vue组件调试遇到的坑,触发断点,但没有进入对应的文件
知无涯
07-24 1万+
Vue组件调试遇到的坑,触发断点,但没有进入对应的文件 今天遇到这样一个问题 我再一个index.vue组件里调试,写下一个debugger,在运行时,也确实触发了断点,但显示的文件却不是我打断点的那个文件 而是在index.vue上级的一个index.vue 一句话描述就是:在vue组件里打断点,没有进入对应的文件. 触发了断点,但进入的文件却不是打断点的文件. 在搜索无望的情况下,...
vue---input提交文件，删除文件名，再次提交相同文件，不执行
weixin_45552104的博客
10-17 592
使用vue项目的时候，当我上传了一个文件时，点击删除，将data中的属性值清空，再次提交，如果是相同文件，不会再次执行。 在jQuery中可以使用 unbind() 方法 在vue中 原始代码 <template> <div class="hello"> <input type="button" value="上传文件" name="" id="" @click="updata"> <input type="file" style="display:n
jstree树形文件夹用vue.js组件格式做出来
热门推荐
雷潇的博客
01-09 1万+
jstree树状文件夹首先在官网下载jsTree或使用CDNJS。 （如果您选择下载-所有你需要的文件是在dist/下载文件夹中）1. 在index文件中引入CDN（style.min.css/jquery.min.js/jstree.min.js） 2. 创建一个jstree.html文件来设置一个容器。 3. 创建一个json文件，代码格式如下： 4. 创建一个jstree.js文
Vue.js 2.0 中文离线文档：搭建、使用与组件解析
- `main.js`: 入口 JavaScript 文件，项目的起点，配置和初始化 Vue 实例。 - `router.js`: 路由配置文件，定义应用的路由规则。 - `babel.config.js`: Babel 配置文件，处理 ES6+ 语法转换。 在 `main.js` 文件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值