【6月日新计划更文活动】第26天

响应式数据的判断

• isRef：检查一个值是否为一个ref对象
• isReactive：检查一个对象是否由reactive创建的响应式代理
• isReadonly：检查一个对象是否由readonly创建的只读代理
• isProxy：检查一个对象是否由reactive或者readonly方法创建的代理

Composition API的优势

1、Option Api存在的问题

使用传统Options API中，新增或者修改一个需求，需要分别在data、methods、computed里修改

2、Composition API的优势

我们可以更加优雅的组织我们的代码、函数，让相关功能的代码更加有序的组织在一起。

伍、新的组件

1、Fragment

• 在Vue2 中，组件必须有一个根标签
• 在Vue3中，组件可以没有根标签，内部会将多个标签包含在一个Fragment虚拟元素中
• 好处：减少标签层级，减小内存占用

2、Telport

• 什么是Telport？ —— Telport是一种能够将我们的组件HTML结构移动到指定位置的技术

    <teleport to='body'>
      <!-- <teleport to='#atgui'> 展示在atgui标签 -->
      <div class="mask" v-show="isShow">
        <div class="dialog">
          <h2>我是一个弹窗</h2>
          <h4>something</h4>
          <h4>something</h4>
          <h4>something</h4>
          <h4>something</h4>
          <input type="button" value="关闭弹窗" @click="isShow = false"
            style="margin-left:100px;border:5px solid skyblue;padding: 5px;">
        </div>
      </div>
    </teleport>