组件中写 name 选项有什么作用？（总结Vue的一些知识点）

最新推荐文章于 2024-05-30 14:31:01 发布
最新推荐文章于 2024-05-30 14:31:01 发布
阅读量683 收藏 1
点赞数 3
文章标签： 面试 vue.js 职场和发展
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cvvvvvvvvvv/article/details/121171916
版权

1.当项目使用keep-alive时 

移除keep-alive状态下组件自动缓存功能

我们在App.vue中使用了keep-alive导致我们第二次进入的时候页面不会重新请求ajax，因为mounted() 钩子函数只会执行一次。
有两个解决方案,一个增加activated()函数,每次进入新页面的时候再获取一次数据。
还有个方案就是在keep-alive中增加 exclud=“name”，移除选中页面的缓存

2.DOM做递归组件时

一个组件要用自己的时候，可以通过自己的名字来使用自己。
比如说detail.vue组件里有个list.vue子组件，递归迭代时需要调用自身name

3.vue调试工具中

vue-devtools调试工具里显示的组见名称是由vue中组件name决定的

小脚裤了都
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue中获取组件声明时的name属性方法
10-18
今天小编就为大家分享一篇在Vue中获取组件声明时的name属性方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue组件中name的作用
qq_36711388的博客
03-17 1671
1.递归组件（递归组件是指组件自身调用自身）时会用到 2.取消缓存（exclude）时会用到 3.使用vue-devtools（https://github.com/vuejs/vue-devtools）时会用到 我们在写vue项目的时候会遇到给组件命名 这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 export default { name:...
组件中写 name 选项有什么作用
yezi153的博客
11-10 1225
写name选项的作用总共有三条，具体如下： 1, 项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 2, DOM 做递归组件时需要调用自身 name 3, Vue-devtools 调试工具里显示的组见名称是由 Vue 中组件 name 决定的 ...
Vue组件中name的三大作用
铁锤妹妹的博客
11-04 9826
一直不太清楚写vue项目的时候遇到给组件命名name值是干嘛用的，一直以为没啥用，直到今天接触到了与name属性相关的些东西才感觉它的用处挺多的。 作用一：递归组件 一个组件要用自己的时候，可以通过自己的名字来使用自己。 list.vue <div> <div class="item" v-for="(item, index) in list" :key="index"> <div class="item-title border-bottom">
组件写 name 有啥好处？
jianren0410的博客
04-27 329
增加 name 属性，可以实现组件递归调⽤自身，调用的时候用的就是 name 名字 可以表示组件的具体名称，⽅便调试和查找对应的组件 比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的 ...
递归组件使用--（慕课网-去哪儿网）
yanhailun的博客
10-12 195
所谓的递归组件就是在组件中调用自身组件 在我们写项目的时候，一般后台返回给我的数据都是嵌套的，类似于下面这种： 而有的时候我们需要将二级列表或者三级列表全部显示在页面中，这个时候我们就可以使用递归组件了 在Detail组件中，我们引用了detail-list组件，并且传了个参数list， //Detail.vue <template> <div class="detail"...
vue组件name作用与keep-alive
qq_41430522的博客
02-11 1491
vue组件写name的用处https://www.cnblogs.com/likecn/p/12205987.html keep-alive的作用https://www.jianshu.com/p/1f76a90f1a82其实主要就是频繁切换的页面缓存起来,不每次都触发生命周期发请求
组件写name的好处
GikQxx21_wen的博客
04-27 304
组件写 name 有啥好处 增加 name 属性，可以实现组件递归调⽤自身，调用的时候用的就是 name 名字 可以表示组件的具体名称，⽅便调试和查找对应的组件 比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的 ...
详解Vue的组件中data选项为什么必须是函数
10-14
主要给大家介绍了关于Vue的组件中data选项为什么必须是函数的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
vue组件name的作用小结
08-27
大家在写vue项目的时候会遇到给组件的各种命名，接下来通过本文给大家分享vue组件name的作用小结，感兴趣的朋友跟随脚本之家小编一起看看吧
关于vue.js弹窗组件的知识点总结
12-28
vue 对于动画的处理相对简单，给组件加入css transition 动画即可 <!--省略其它内容--> [removed] // ... [removed] <style> .modal-scale-transition{ transition: transform,opa
Vue开发过程中遇到的疑惑知识点总结
11-29
最近终于有时间空下来，所以想着把在使用vue过程遇到的一些问题疑惑总结处理，方便自己或者有需要的朋友们参考，下面话不多说了，来看看详细的介绍吧。 一、计算缓存computed与Methods html代码: <p>{{ msg }} ...
vue中组件的name属性含义与用法
The_Lucky_one的博客
08-24 9244
name属性：只有作为组件选项时起作用，用来**注册组件名**
vue学习之vue组件中name的作用
King的博客
07-23 1478
vue组件中name的作用 export default { name:'xxx' } 作用一：当项目使用keep-alive时，可搭配组件name进行缓存过滤 <div id="app"> <keep-alive exclude="Detail"> <router-view/> </keep-alive> </div> 作用二：做递归组件 代码如下： //Detail.vue组件 <template> &
vue中组件name的作用
热门推荐
Qin的专栏
05-23 3万+
这是一篇总结笔记 我们在写vue项目的时候会遇到给组件命名 这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 export default { name:'xxx' } 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤 举个例子： 我们有个组件命名为detail,其中dom加载完毕后我们在钩子函数mounted中进行数据加...
[vue] 组件中写name选项有什么作用？
歌谣的博客
03-05 1099
[vue] 组件中写name选项有什么作用？ 项目使用keep-alive时，可搭配组件name进行缓存过滤 DOM做递归组件时需要调用自身name vue-devtools调试工具里显示的组见名称是由vue中组件name决定的 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
Transformer 动画讲解：数据处理的四大关键步骤
最新发布
机器学习社区
05-30 902
节前，我们组织了一场算法岗技术&面试讨论会，邀请了一些互联网大厂朋友、今年参加社招和校招面试的同学。针对大模型技术趋势、大模型落地项目经验分享、新手如何入门算法岗、该如何准备面试攻略、面试常考点等热门话题进行了深入的讨论。Transformer 大模型，一种基于自注意力机制的神经网络架构，已被广泛应用于各种自然语言处理任务，比如：机器翻译、文本摘要、生成问答等。从端到端的角度来看，Transformer 大模型中数据的处理流程主要包括四个阶段：首先是（Embedding），随后是。
组件中写name选项有什么作用
05-05
在Vue组件中，name选项用来指定组件的名称。这个名称在调试时非常有用，因为它会在警告和错误信息中被使用。如果组件没有指定名称，Vue会自动生成一个默认的名称，这个名称可能不够清晰明了，不利于快速定位问题。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值