zoukankan      html  css  js  c++  java
  • vue 组件属性 name的作用

    组件是有name属性的,匹配的就是组件的name。和vue-router中配置的name是不同的含义。

    1.当项目使用keep-alive时,可搭配组件name进行缓存过滤

    配置<keep-alive>标签的exclude或者include属性做组件筛选
    实例:
    
    		<div id="app"> 
    			<keep-alive exclude="Detail">
    				<router-view/>
    			</keep-alive>
    		</div>
    

    2.DOM做递归组件时

    在自身组件调用自身的时候,可以通过定义name的值进行递归调用
    实例:
    
    		<div> 
    			<div v-for="(item,index) of list" :key="index"> 
    				<div> 
    					<span class="item-title-icon"></span>{{item.title}} 
    				</div> 
    				<div v-if="item.children" > 
    					<detail-list :list="item.children"></detail-list> 
    				</div> 
    			</div> 
    		</div>
     
    		<script>
    			export default {
    				name:'DetailList',//递归组件是指组件自身调用自身
    				props:{
    					list:Array
    				}
    			}
    		</script>
    

    3.当你用vue-tools时

    vue-devtools调试工具里显示的组见名称是由vue中组件name决定的
  • 相关阅读:
    树分治
    实现自己的shell--MIT xv6 shell
    逆元打表
    Linux fork()函数
    三分:求解凸函数极值
    anti-nim 游戏
    nginx配置文件详解
    nginx之别名、location使用
    shell脚本编程基础知识点
    linux任务计划
  • 原文地址:https://www.cnblogs.com/xm0328/p/14943630.html
Copyright © 2011-2022 走看看