父子组件传值

简介: 父子组件传值

父传子

:

在"标签"上传属性

<Card :name="name"></Card>

:

在props中

export default {
  props: {
    name: String
  },
  setup(props) {
    console.log(props.name);
  }
}

子传父

:

触发,给一个事件传值

setup(props,{emit}) {
    emit("get","传递的数据");
  }

:

绑定传的时候起的事件名,接收参数

<Card @get="on"></Card>
相关文章
|
4月前
|
存储 JavaScript
vue组件的五种传值方法(父子\兄弟\跨组件)
vue组件的五种传值方法(父子\兄弟\跨组件)
|
7月前
|
存储 JavaScript
请说明Vue父组件向子组件传值的方法
请说明Vue父组件向子组件传值的方法
40 0
|
7月前
|
JavaScript
子组件向父组件传参的方式?
子组件向父组件传参的方式?
111 0
|
JavaScript
Vue的非父子组件之间传值
全局事件总线 一种组件间通信的方式,适用于任意组件间通信
|
8月前
|
JavaScript
vue父组件向子组件传值的方法
vue父组件向子组件传值的方法
109 0
|
8月前
|
JavaScript
vue通讯 传值 3大传值方法 快速上手 父子间传值和非父子间传值
vue通讯 传值 3大传值方法 快速上手 父子间传值和非父子间传值
|
JavaScript
vue中子组件如何向父组件传值与父组件如何向子组件传值
vue中子组件如何向父组件传值与父组件如何向子组件传值
165 0
|
JavaScript 前端开发
【vue2】组件基础与组件传值(父子组件传值)
组件基础概念与全局|局部组件的写法、组件之间传值(父传子、子传父)
【vue2】组件基础与组件传值(父子组件传值)
5、组件传值(父传子、子传父、同级传值)
5、组件传值(父传子、子传父、同级传值)
184 0
5、组件传值(父传子、子传父、同级传值)
|
JavaScript 开发者 前端开发
组件传值-父组件向子组件传值和 data 与 props 的区别|学习笔记
快速学习组件传值-父组件向子组件传值和 data 与 props 的区别
158 0
组件传值-父组件向子组件传值和 data 与 props 的区别|学习笔记

热门文章

最新文章