Vue如何实现父子组件传值、非父子组价传值（组件通信）
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
前端问答小助手
父——>子：
通过属性进行传递，接受用
props属性进行接受，props属性用来接收外部属性。在父组件中将子组件当作标签使用时，给子组件添加属性，值为 需要传递的值。在子组件内部通过
props进行接受。接受的方式有2种，第一种为数组接收，第二种为对象接收，推荐使用第二种，对象形式可以限制数据的类型。子——>父：
-
在父组件中当子组件当作标签使用的时候给子组件绑定自定义方法，子组件通
this.$emit()进行触发。 -
利用
slot插槽作用域。
非父子：
-
创建公共的
Vue的对象，通过调用Vue中的$on()/$emit()进行传值。需要接收值得一方调用$on，传值一方调用$emit()。 -
利用观察者模式自己封装
$on/$emit方法。
2019-11-24 12:16:00赞同 1 展开评论 -
相关问答