vue组件里name属性的作用

最新推荐文章于 2023-02-15 14:36:49 发布
最新推荐文章于 2023-02-15 14:36:49 发布
阅读量967 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44473483/article/details/118481754
版权
之前从来都没觉得name属性有什么用，有时候会省略，今天使用递归组件发现他的作用，并总结了一些他的其他作用
  • 1.当使用组件递归调用时，被递归调用的组件必须定义name属性，因为在组件里面调用自己时，不是使用的在components里注册的组件，而是使用根据name属性查找组件
  • 2.keep-alive包裹动态组件时，会缓存不活动的组件实例，会出现include和exclude属性，包含或者排除指定name组件
  • 3.vue-tools插件调试时没有name属性会报错或警告（name会成为调试结构里面的名称）
丹丹的小跟班
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue入门--第二天
weixin_44809439的博客
11-09 463
Vue的数据响应式 代理和监听 今天深入理解options.data 使用的是完整版的Vue做演示 先看一段代码 const myDate = { n: 0 } console.log(myDate) const vm = new Vue({ data: myDate, template: ` <div> {{n}} <button @click="add">+10</button> </div> `,
vue 中的name 这个东西可写可不写
jjw_zyfx的博客
10-20 984
vue2中components是干嘛用的
weixin_42599558的博客
02-15 1006
在Vue2中，components(组件)用于将应用程序拆分为小而独立的部分，使得应用程序更容易维护和扩展。组件是具有自己的状态和行为的可重用Vue实例，它们可以嵌套在其他组件中，形成组件树。 组件可以是全局注册的，也可以在其他组件中局部注册。当组件被注册后，可以在模板中使用它们，并在应用程序中多次使用。此外，组件可以通过props属性接收来自父组件的数据，并且可以使用自定义事件与父组件通信。 V...
vue组件的name有啥用
bluede2015的博客
10-29 684
vue组件的name有啥用1.keep-alive中，配合组件的name缓存过滤2.组件中进行递归调用自身3.vue-tools工具的展示 我们在使用组件的时候，一般都给组件一个name，这个name其实还是有用处的： 1.keep-alive中，配合组件的name缓存过滤 现在我有一个detail的组件： export default { name: 'detail' } 我们在App.vue中使用keep-alive，exclude的值就是一个组件的名称（当然这里最好还是小写的） <keep
vue组件name的作用小结
hsany330的专栏
07-17 1172
我们在写vue项目的时候会遇到给组件命名 这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 ? 1 2 3 export default { name:'xxx' } 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤 举个例子： 我们有个组件命名为detail,...
vue 组件属性 name的作用
qq_42449028的博客
04-15 588
组件是有name属性的，匹配的就是组件的name。和vue-router中配置的name是不同的含义。 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤 配置标签的exclude或者include属性做组件筛选 实例： 2.DOM做递归组件时 在自身组件调用自身的时候，可以通过定义name的值进行递归调用 实例： {{item.title}} <script> export default { name:'DetailList',//递
关于ComponentName的使用
wjr1949的博客
04-30 676
关于ComponentName的使用 标签： android开发componentNameactivityservice 2015-11-01 15:00 4303人阅读 评论(0) 收藏 举报 本文章已收录于： 分类： 管中窥豹（220） 作者同类文章X 玩转android（153） 作
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
热门推荐
【敦厚的曹操】的专栏
06-13 5万+
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
Vue 学习笔记 - 深入了解组件
灵台方寸山斜月三星洞
06-18 664
组件注册、Prop传值、slot插槽、动态组件、异步组件
vue 中keep-alive组件知识详解
我的专栏
08-23 291
keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现
Vue组件中name属性的作用
Whoopsina的博客
03-20 4563
查看其他人写的组件代码的时候经常会发现使用了name属性，今天来把name属性的经常使用的场景归纳一下 1.组件自身调用，递归组件 当在组件中需要调用自身的时候，可以通过name属性来使用 2.使用vue-tools工具时的组件名称 当使用调式工具时，组件的名称是通过name属性来设置的 3.移除keep-alive状态下组件自动缓存功能 我们知道，在组件外使用了keep-alive导致我们第二次进入的时候页面不会重新请求ajax，即mounted() 钩子函数只会执行一次 解决的办法一个增加activat
vue组件命名问题
xuelang532777032的博客
06-01 3212
1、别用驼峰式命名 因为 vue   webpack编译后  他统一会变成小写 2、最好加个前缀 比如     3、不要用  “ - ”  要用就用 “ _ ”  下划线
vue 组件 name属性的作用
imkaifan的博客
06-02 1316
每次封装组件的时候都会给组件起一个：name 但是呢，我们大多数情况下又没用过这个属性，当你用浏览器vue调试插件的时候可能会看到你起的组件name，便于调试，其实这个那么属性的作用远不止如此。 组件是有name属性的，匹配的就是组件的name。和vue-router中配置的name是不同的含义。 vue-router中name属性更多的就是指代作用，和地址关联起来，不用一直写相对地址 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤 配置<keep-alive>标签的e
【Vue】自定义组件绑定 v-model
qq_45677671的博客
07-22 4213
自定义组件绑定 v-model 使用案例
浅尝components自定义组件
NAMECZ的博客
01-26 1246
1、创建components目录，在目录下再创建子文件夹放置组件文件（易于区分），模板文件与正常文件一样有js，json，wxml，wxss四种格式。 2、 在wxml里写入正常的代码，把需要的样式写成变量模式，slot部分承载你要显示的文字，绑定一个事件，举一个简单的例子： view class='content' style='width:{{c_width}};heigh
Android ComponentName的用法
初来乍到
10-09 1万+
ComponentName与Intent同位于Android.content包下，我们从Android官方文档中可以看到，这个类主要用来定义可见一个应用程序组件，例如：Activity，Service，BroadcastReceiver或者ContentProvider。         那么，如何用ComponentName来定义一个组件呢。         这是ComponentName的
Vue.component的属性
程序员徐小白的博客
02-10 7669
Vue.component(‘组件名称’，{})中的属性 1.template 作用：用来定义组件的html模板 使用：直接接字符串 Vue.component('组件名称'， { template:'<p>aaa</p>' }) 2.data 作用： 定义一个在组件中使用的数据 定义： Vue.component('组件名称'， { data:fuction(){ ...
Vue3中name有什么用呢？
Maisucsdn的博客
11-30 1410
只要在script开启setup语法糖模式 单文件组件会自动根据文件名生成对应的name选项 例如 Tree.vue 那他的name 就是 Tree 自动生成，这样做有一个弊端如果想修改name需要修改组件名称如果有地方import 该组件需要一并修改。
vue组件上name作用
最新发布
05-02
在 Vue 组件中，name 属性用于指定组件的名称。它有以下作用： 1. 在调试工具中显示组件名称，方便开发者进行调试。 2. 在递归组件中，组件需要指定自己的名称，以便父组件能够引用到它。 3. 在使用动态组件时，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值