Javascript

vue3提供的几个全局组件

本文主要是介绍vue3提供的几个全局组件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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 属性取值指定渲染到什么位置去

 

这篇关于vue3提供的几个全局组件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!