小知识：vue中的name的作用

官方文档解释

说的太简洁，以至于很多人还不是很理解这句话的含义，其实看到这句话我也是半懂半懵

还好在某视频中，老师实例解释name的含义，终于基本懂了

1.递归组件运用（指组件自身组件调用自身组件）

  <article><div class="item" v-for="(item,index) in list" :key="index"><div class="item-title"><span class="item-title-ticket"></span>{{item.title}}</div><div v-if="item.children" class="item-children"><detail-list :list="item.children"></detail-list></div></div></article>
</template>
<script>
export default {name: "DetailList",  /*指组件自身组件调用自身组件*/props: {list: Array},data() {return {};}
};
</script>
复制代码

2. keep-alive包裹动态组件时，会缓存不活动的组件实例，会出现include和exclude属性，包含或者排除指定name组件

<div id="app"> <keep-alive exclude="compA"><router-view/></keep-alive>
</div>exclude="compA"   keep-alive属性对compA组件不生效
复制代码

3.vue-tools插件调试

组件未定义name属性
组件将显示成，这很没有语义。
通过提供name选项，可以获得更有语义信息的组件树。

小知识：vue中的name的作用相关推荐

vue 中indexof_前端小知识-Vue中使用indexOf() 方法
定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(searchvalue,fromindex) 参数描述searc ...
Vue中key属性的作用
Vue中key属性的作用在列表渲染时使用key属性使用key属性强制替换元素在列表渲染时使用key属性相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候,如果不使用 ...
vue中组件的导出导入_5.2 vue中 keep-alive 组件的作用，详细解释keep-alive使用方法...
问题:vue中 keep-alive 组件的作用 keep-alive:主要用于保留组件状态或避免重新渲染. 比如: 有一个列表页面和一个详情页面,那么用户就会经常执行打开详情=>返回列表=& ...
小知识 | Java中的“魔数”
转载自小知识 | Java中的"魔数" 在编程过程中,我们可能经常听到"魔数"这个词,那么这个词到底指的是什么呢?什么数叫做魔数呢? 一.标识文件类型的&qu ...
vue中的key的作用？
一.写在前面下面总结一下,vue中的key的作用,在vue中我们可能在两种情况下使用key,第一种情况下就是在v-if中,第二种情况下就是在v-for中使用key.下面我们来看一下key在其中起到的 ...
c语言冷门小知识,生活中的冷门小知识有哪些
其实生活中充满了冷门知识,比如喝醋能够防止晕车.花生可以祛牙黄等等.下面是学习啦小编为大家整理的关于生活中的冷门小知识,希望大家喜欢! 生活中的冷门小知识洗衣机强档比弱档节能很多人没注意,在同样长 ...
vue中：key的作用
key是为每个vnode指定唯一的id,在同级vnode的Diff过程中,可以根据key快速的进行对比,来判断是否为相同节点,利用 key 的唯一性生成 map 对象来获取对应节点,比遍历方式更快,指 ...
Vue中的 key 的作用是什么？
这个问题,其实也是经常问的,对于刚刚毕业的大学生来说, 面试官问:vue中循环遍历数组的时候,为什么要加 key/key的作用是什么? 看一下官网的回答 key属性主要在 vue 的虚拟 DOM算法, ...
微信H5页面跳转小程序 - Vue中使用微信开放标签＜wx-open-launch-weapp＞
微信开放标签说明文档使用微信开放标签前置条件 1.绑定域名登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名" 2 ...
微信小程序项目中JSON文件的作用详解
在微信小程序开发项目中,会包含多个JSON文件,不同的JSON文件会有不同的作用,下面就微信小程序开发中的json文件进行说明. JSON配置文件: json 是一种数据格式,在实际开发中,json总 ...

小知识：vue中的name的作用

官方文档解释

1.递归组件运用（指组件自身组件调用自身组件）

2. keep-alive包裹动态组件时，会缓存不活动的组件实例，会出现include和exclude属性，包含或者排除指定name组件

3.vue-tools插件调试

小知识：vue中的name的作用相关推荐

最新文章

热门文章