setup
setup 接收两个参数
- props:可以访问组件传入的 prors 属性,而且会自动推论成 props这个属性中定义的类型。
- context:在 setup 中无法访问vue2中最常用的this对象,这个context提供了this上最常用的三个属性 1. context.attrs 对应 vue2中的 $attrs 属性 2.context.slots 对应 vue2中的 slots 插槽 3.context.emit 对应 vue2中的 emit 发送事件 这几个值在每次使用的时候都会拿到最新的值
vue3新推出的功能 Teleport
可以让自定义组件与视图平级。
一个简单的弹窗组件如:
<template>
<teleport to="#bigmodel">
<div class="bigbox">
<h1><slot>test</slot></h1>
</div>
</teleport>
</template>
<script lang="