vue组件中name的使用

参考资料:https://www.jianshu.com/p/28b997accbee (原文更详细)

常见的使用方式主要有:

1、组件递归操作

vue允许组件模板调用自身,这在日常需求中也时有出现,此时我们就可以根据组件的name,来进行操作。

在这里插入图片描述

2、配合keep-alive对组件缓存做限制(include/exclude=“name”)

keep-alive的 include和exclude 允许有条件的对组件进行缓存,其中include和exclude所匹配的就是组件的name值。

<!-- 把除了组件名是 Liantong,Dianxin 的组件缓存起来 -->
<keep-alive exclude="Liantong,Dianxin">
  <router-view></router-view>
</keep-alive>

3、在dev-tools中使用

在开发中我们经常需要对代码进行调试,在dev-tools中组件是以组件name进行显示

posted @ 2022-12-06 22:19  轻风细雨_林木木  阅读(6)  评论(0编辑  收藏  举报