aiyingsitan-vue3-copy 是一个基于 vue3 实现的复制工具

1# 安装
2
3npm i aiyingsitan-vue3-copy

1# 引入
2
3import AiyingsitanVue3Copy from 'aiyingsitan-vue3-copy'
4import 'aiyingsitan-vue3-copy/lib/style.css'
5
6const app = createApp(App)
7app.use(AiyingsitanVue3Copy)

1# 使用
2
3<AiyingsitanVue3Copy></AiyingsitanVue3Copy>

插槽

• default：默认插槽（内容较少时使用，使用时可省略 <template #default>）
• content：内容插槽（内容较多时使用，可使用标签）

1# 示例

2
3# 默认插槽
4<AiyingsitanVue3Copy>
5  <template #default>
6    text
7  </template>
8</AiyingsitanVue3Copy>

9# 同
10<AiyingsitanVue3Copy>
11  text
12</AiyingsitanVue3Copy>

13
14# 内容插槽
15<AiyingsitanVue3Copy>
16  <template #content>
17    <div>content</div>
18    <div>content</div>
19    <div>content</div>
20 </template>
21</AiyingsitanVue3Copy>

复制规则

1. 存在默认插槽则复制默认插槽里的内容
2. 只在没有默认插槽时才复制内容插槽里的内容