vue组件传值

vue里面因为每个部分都可以封成一个组件,组件实例的作用域是孤立的,这个时候怎样传值就成了需要去解决问题,vue使用Prop传递数据

组件传值一共有二种(传送门可以点击跳转详细攻略...)

1.父子传值

2.非父子组件传值

父子传值又可以分为  (父传子  &&  子传父),所以细分又分为三种

拿一个例子介绍三种传值的关系

p(parent)页面引入c1(child1)组件和c2(child2)组件

顾名思义,父传子:就是p把值传给c1/c2组件

     子传父:c1/c2把值传给p

     非父子:c1和c2间的传值

知道了三种传值的区别,可以通过上面的传送门到详细介绍

原文地址:https://www.cnblogs.com/hanchongyang/p/8459366.html