vue之父子组件传参

走出半生的少年

于 2022-10-25 14:48:34 发布

阅读量547

点赞数

分类专栏： element-ui vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_55258023/article/details/127513030

版权

8 篇文章

订阅专栏

2 篇文章

订阅专栏

博客围绕Vue父子组件传参展开，提到为实现代码组件化需封装组件，而封装组件涉及父子组件传参。介绍了父组件给子组件传参Props的相关属性，如type、default、required等，还说明了子组件用$emit传参给父组件的方式及相关代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装！！！

我是讲父子组件之间传参的为什么扯到封装

这就要聊到另一个问题了，代码组件化。

优质的代码，复用性一定很强，封装组件。

那么，既然要封装组件，就涉及到父子组件之间的传参。

父组件给子组件传参Props

  props: {
    List: {
      type: Array,
      default: () => []
    },
   
    isCheck: {
      type: Boolean,
      default: false
    },
}

type，数据类型

default，默认数据

required，是否为必传

子组件传参数据给父组件 $emit

this.$emit('GetCheckData',val)

子组件代码触发函数调用父组件

GetCheckData 是你在父组件定义的事件

父组件代码，定义事件

父组件触发的函数