vue2 匿名插槽使用
时间: 2023-09-22 15:07:05 浏览: 65
在Vue 2中,匿名插槽是通过在组件中使用`<slot>`标签来实现的。匿名插槽可以用于提供默认内容,当使用者没有传递具体结构时,这些默认内容会被显示出来。例如,在一个名为NiMing.vue的组件中,可以这样定义一个匿名插槽:
```
<template>
<div class="category">
<h3>{{ title }}分类</h3>
<slot>我是一些默认值,当使用者没有传递具体结构时,我会出现</slot>
</div>
</template>
```
在这个例子中,如果在使用NiMing组件时未传递具体的插槽内容,那么默认值"我是一些默认值,当使用者没有传递具体结构时,我会出现"就会被显示出来。你可以根据需要在组件中定义多个匿名插槽,并在使用组件时根据插槽名称来传递具体的内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue2插槽使用-- 默认插槽、具名插槽、作用域插槽](https://blog.csdn.net/m0_74767583/article/details/129288115)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue3的插槽匿名插槽、具名插槽、作用域插槽、动态插槽](https://blog.csdn.net/weixin_39838846/article/details/125967376)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)