独立组件teleport

独立组件teleport

用法

创建modal.vue组件

<template>
  <teleport to="#modal">
    <div id="center">
      <h2>JSFeng</h2>
    </div>
  </teleport>
</template>

需在APP.vue引入注册使用

import modal from "./components/modal.vue";
components: {
    modal
 }
 
 <modal />

再在public文件中index.html中随便放入节点modal与之对应

<div id="modal"></div>

便可挂载在id="app"节点以外的地方