vue3 + ts + vite 学习笔记（使用props传递复杂类型的数据）

最新推荐文章于 2024-07-15 17:41:22 发布

骚瑞这是个bug

最新推荐文章于 2024-07-15 17:41:22 发布

阅读量2.2k

点赞数 1

分类专栏： ts 文章标签： typescript vue.js

本文链接：https://blog.csdn.net/thesize/article/details/122368782

版权

本文介绍了在Vue3中如何使用TypeScript和Vite处理父组件通过Props传递的复杂类型数据。当接收到带有红色波浪线提示的复杂对象时，通过定义interface进行数据校验，确保类型安全。

摘要由CSDN通过智能技术生成

当子组件通过props接收父组件传递过来的复杂数据时，是可以直接使用的，但是我们可以发现对象的下面有着红色的波浪线提示出错。这是因为props在接受数据的时候没有对复杂类型里面的数据进行校验，所以我们使用interface来声明数据；


<script lang='ts'>
import {
    defineComponent, reactive, toRefs, onBeforeMount, onMounted, PropType } from 'vue' 
interface objType {

关注

专栏目录

vue3 + ts + vite 学习笔记 （使用props传递复杂类型的数据）