vue中属性传值的两种方法 父组件——>子组件 子组件——>父组件

第一，父组件向子组件传值  利用props  https://blog.csdn.net/qq_40190624/article/details/80296919

特别注意：

vue中传值又分为： 注意传值和传引用的区别：https://blog.csdn.net/qq_40190624/article/details/80297058#commentBox

              1，  传值： string number boolean  

              2，传引用： array   object(对象)

 

具体做法：1，在父组件写好数据，

2，在父组件标签内绑定属性，

                              v-bind:users 是绑定的属性名 名字随便写     后面的“users” 是父组件 数据名字

3，在子组件 用props把父组件绑定的属性传递过来 props:[] 或props:{}. 然后在 子组件模板 标签内使用

 

第二，子组件向父组件传值:(事件传值)

子组件事件会改变相关内容

1，本来父组件App.vue内容

2，header.vue 子组件

首先在子组件点击方法中用this.$emit('事件名'，‘事件传的内容’) 注册一个事件。

然后在点击的时候会找到这个titleChanged事件（到父组件中找）,

在父组件App.vue中 绑定这个titleChanged事件 然后是事件执行的方法。发生什么事？发生的事情就是：让在子组件中定义的事件内容 改变父组件中对应的内容。

然后再去实现这个方法,我们的目的是在父组件使用这个数据;我们就在父级调用它;