当前位置:网站首页 > Vue.js开发 > 正文

vue父子组件传值props(vue父子组件传值,父组件通过什么绑定一个属性)



最近在做项目的过程中发现,props父子通信忘的差不多了。下面写个笔记复习一下。

父组件(FatherComponent.vue):

 
  

我们可以在子组件标签上写。意思就是把父亲的响应式变量给子组件,子组件在组件内部要用来接受这个变量。
子组件(ChildComponent.vue):

 
  

子组件这一块儿,我们可以用来渲染这个数据,也可以省略props,直接写。

注意,用props来接受的数据是只读的,子组件不能再组件内部更改它。
比如,不能下面这样写,否则控制台会报错:

 
  

在这里插入图片描述

子组件向父组件发送数据,父组件需要定义一个方法,用来接受子组件发送的数据:
父组件(FatherComponent.vue):

 
  

意思就是,父组件给子组件传递了一个方法,子组件要用方法,给父亲发送数据。
子组件(ChildComponent.vue):

 
  

在这里插入图片描述

到此这篇vue父子组件传值props(vue父子组件传值,父组件通过什么绑定一个属性)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue2.(vue2和vue3区别面试题)2025-07-22 20:36:09
  • ettercap打不开(ettercap0.8.3)2025-07-22 20:36:09
  • map转jsonobject报错(map jsonobject转换)2025-07-22 20:36:09
  • vue下载安装教程(vue app下载)2025-07-22 20:36:09
  • ubuntu源代码下载(ubuntu20.04 源)2025-07-22 20:36:09
  • pcie5.0能插pcie4.0么(pcie5.0和pcie4.0区别)2025-07-22 20:36:09
  • jsy是哪个明星的名字缩写(jyy是哪个明星的缩写)2025-07-22 20:36:09
  • Limbo虚拟机下载安装(limbo虚拟机4.1.0)2025-07-22 20:36:09
  • js深拷贝和浅拷贝概念(js深拷贝与浅拷贝的区别)2025-07-22 20:36:09
  • plsql14.0注册码(plsql14注册码永久)2025-07-22 20:36:09
  • 全屏图片