怎么向vue的子组件,传递一个 ts type数据类型

<template>
<ChildrenVue />  // 子组件


template>
<script lang='ts'>
interface DataType {
  key: string,
  title: string,
}



<script/>

现在我要向子组件ChildrenVue ,传递DataType 这个数据类型怎么操作?

productItem is declared as a local data variable, which is not exposed as a public prop. The component template thus refers only to the local data variable, so it shows the default value of productItem.title (an empty string).

You could either move that to @Options under props:


import { PropType } from 'vue';
import { Vue, Options } from 'vue-class-component';

@Options({
  props: {
    productItem: {
      type: Object as PropType<ProductItem>,
      default: () => ({
        id: 0,
        title: '',
        description: '',
        product_type: '',
        image_tag: '',
        created_at: 2000,
        owner: '',
        owner_photo: '',
        email: '',
        price: 0.0
      })
    }
  }
})
export default class ProductItemView extends Vue {
}

参考：

vue.js - vue3 component child property with typescript - Stack Overflow

https://stackoverflow.com/questions/67545306/vue3-component-child-property-with-typescript

https://blog.csdn.net/severestcritic/article/details/121434943
可以看一下这个，这个应该跟传值一样，试着把你取的名，直接传过去，可以用watch监听一下，或者深度监听

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632