遇到了,就记录在这儿。
1. 做递归组件时会要用到 如下
<template>
<div>
<div
class="item"
v-for="(item,index) of list"
:key="index"
>
<div class="item-title border-bottom">
<span class="item-title"></span>
{{item.title}}
</div>
<div v-if="item.children" class="item-children">
<detail-list :list="item.children"></detail-list>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'DetailList',
props: {
list: Array
}
}
</script>
2. 取消keep-alive 时要用到 如下
<template>
<div id="app">
<keep-alive exclude="Detail">
<router-view/>
</keep-alive>
</div>
</template>
3. vue 调试工具 显示的组件 就是<组件名>