vue中park是什么,怎么用?
时间: 2024-05-05 14:15:48 浏览: 15
Vue中的park是一个插槽的默认值,用于在组件中定义插槽时,当插槽内容为空时,显示默认内容。具体使用方法如下:
1. 在组件中定义插槽,并设置默认值:
```javascript
<template>
<div>
<slot name="header">默认标题</slot>
<slot name="body">默认内容</slot>
</div>
</template>
```
2. 在使用组件的地方,可以选择性地传入插槽内容:
```javascript
<template>
<MyComponent>
<template #header>自定义标题</template>
<div slot="body">自定义内容</div>
</MyComponent>
</template>
```
如果没有传入对应的插槽内容,会自动显示默认值,即"默认标题"和"默认内容"。如果传入了自定义的插槽内容,会显示自定义的内容。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)