如何通过长尾词实现Vue组件间的值传递？

本文共计1163个文字，预计阅读时间需要5分钟。

目录+前言

1.父组件向子组件传递值

2.子组件向父组件传递值

3.非父子组件之间的值传递

总结+前言在Vue项目中，经常需要子组件依赖于父组件的数据，进行相关的请求和页面操作。以下是如何实现这些操作的简要说明：目录+前言

1.父组件向子组件传递值

2.子组件向父组件传递值

3.非父子组件之间的值传递

总结+前言

目录

• 前言
• 1.父组件向子组件进行传值
• 2.子组件向父组件进行传值
• 3.非父子组件之间的传值
• 总结

前言

目前在做vue的项目，用到了子组件依赖其父组件的数据，进行子组件的相关请求和页面数据展示，父组件渲染需要子组件通知更新父组件的state，父子组件之间的传值一般有三种方法：

父传子子传父非父子传值

注意：

父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。