## 作用：可以將組件內容進行傳送
```
<teleport :to="target">
<div>hello</div>
</teleport>
```
`to`?是目標的地址?`body`?,?`#XXX`?,?`.XXX`?這些都是?`css`?選擇器
案列：點擊按鈕后，改變指向的目標，在不同的容器中渲染組件
```
<template>
<ul>
<li class="li_1"></li>
<li class="li_2"></li>
<li class="li_3"></li>
</ul>
<teleport :to="target">
<div>hello</div>
</teleport>
<div>
<button @click="target = '.li_1'">傳送1</button>
<button @click="target = '.li_2'">傳送2</button>
<button @click="target = '.li_3'">傳送3</button>
</div>
</template>
<script>
import {ref} from 'vue';
export default {
setup() {
let target = ref(".li_1");
return {
target,
};
},
};
</script>
```
