vue3提供的几个全局组件

2023-10-26 16:57:22

Fragment

<template>
  <h1>我是APP组件</h1>
  <p>没有根标签时 vue会自动再最外层添加一个 Fragment 组件</p>
</template>

<script>

export default {
  setup() {
    return {
    }
  }
}
</script>

Fragment 不会渲染出任何DOM

Teleport

<template>
  <h1>我是APP组件</h1>
  <teleport to="body">
    <div>这块内容需要渲染到body标签中</div>
  </teleport>
</template>

<script>

export default {
  setup() {
    return {
    }
  }
}
</script>

通过 teleport 内置全局组件中的 to 属性取值指定渲染到什么位置去