组件中写 name 选项有什么作用?

274 阅读1分钟

1.当项目使用keep-alive时

移除keep-alive状态下组件自动缓存功能

我们在App.vue中使用了keep-alive导致我们第二次进入的时候页面不会重新请求ajax,因为mounted() 钩子函数只会执行一次。 有两个解决方案,一个增加activated()函数,每次进入新页面的时候再获取一次数据。 还有个方案就是在keep-alive中增加 exclud=“name”,移除选中页面的缓存

<div id="app">
    <keep-alive exclude="Detail">
        <router-view />
    </keep-alive>
</div>

2.DOM做递归组件时

一个组件要用自己的时候,可以通过自己的名字来使用自己。 比如说detail.vue组件里有个list.vue子组件,递归迭代时需要调用自身name

3.vue调试工具中

vue-devtools调试工具里显示的组见名称是由vue中组件name决定的

image.png