vue父子组件传值

230 阅读1分钟

子组件:

父组件:

 

子组件向父组件传值的时候看看     生命周期  尽量别放created中 因为创建前可能没值 注意下

父组件向子组件传值

一、父组件中动态绑定数据到子组件

父组件向子组件传递数据,首先要在父组件中使用v-bind命令将要传递的数据绑定到子组件上。比如我们要从父组件中给子组件传递两条数据,示例代码如下:

二、子组件中接收传递过来的数据

父组件中完成数据绑定之后,在子组件中的props属性接收一下父组件传递过来的数据,要接收多少数据,就在pros属性中写多少数据。比如要接收两条数据,示例代码如下: