vue组件传参

1、父向子传参（属性传值）

父组件
子组件

2、子向父传值（事件传值）


子组件
子组件

3、组件之间的传值（path传值【事件传值】）

传值的组件
要接收参数的组件

4、组件之间的传值（name传值【事件传值】）

传值的组件
要接收参数的组件
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 02.4 - vue 组件传参,监听子组件事件
    一、需求分析： 父组件中点击事件显示出子组件；并且监听子组件内部事件（在父组件中隐藏子组件等操作）。 二、代码 1...
    大大的小小小心愿阅读 2,311评论 0赞 2
  • vue 组件传参
    父组件向子组件传参 父组件可以使用props向子组件传递数据 logoMsg:"logoMsg" props: [...
    w_zhuan阅读 990评论 0赞 0
  • vue组件传参问题
    在vue项目中会经常遇到组件传参问题，今天就来了解一下父子组件和兄弟组件传参 父组件传值给子组件 *父组件通过 ...
    放飞吧自我阅读 876评论 0赞 0
  • vue组件传参
    父子组件通信 1、父组件给子组件传递数据，请查看下面这篇文章vue中的prop2、子组件给父组件传递数据（一般不推...
    回不去的那些时光阅读 1,349评论 0赞 1
  • VUE组件传参
    一、父组件给子组件传参方法 二、子组件调用父组件方法 三、不同组件相互触发方法
    ThemisHoo阅读 157评论 0赞 0