Vue 3 Props 类型

props 类型

为什么需要 props 类型呢?就比如我们子组件需要用到父组件的数据,我们到底该使用何种方式传递进去呢?我们都知道在原生 DOM 中有一种 data- 属性,可以将数据绑定,所以类似这种方式,props 就应运而生了。

我们还是接着上节课的例子,在 src/views/TestCom.vue,接收父组件传递进来的属性 title

<template>
  <div class="test-com-wrap">{
   {title}}</div>
</template>
<script>
export default {
  name: "TestCom",
  props: {
    title: {
      type: String,
      default: "",
    },
  },
};
</script>

然后我们在 src/views/TemplateM.vue 来使用 TestCom 组件,向 TestCom 组件传递 title 属性:

<template>t
  <div class="template-m-wrap">
    <test-com title="这个是组件"></test-com>
  </div>
</template&g
05-08 1910
05-06 2122
实付 79.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值