Vue - 传值

Vue 传值有两种：
1）父组件向子组件传值（属性传值，Prop传值）
2）子组件向父组件传值

一、父组件向子组件传值（Prop传值）

请见我的Prop传值。

示例：
在父组件的模板中：

<template>
  <div id="app">
    <users v-bind:users="users"></users>  # 这个"users"是父组件里面的data,传值给子组件users，使用v-bind:来传值，前面的key(users)就是子组件要接受的
  </div>
</template>

在子组件中：

<script>
  export default {
    props: ['users'],   # 这里定义users，在父组件才能传值
  }
</script>

或者验证的方式（推荐）：
<script>
  props: {
    users:{
      type: Array,
      required: true
    }
  }
</script>

属性传值，可以传递两种东西：
1）传值
2）传递引用

创引用，一种是我们的数组（array），一种是我们的对象（object）。传值的话，可以传递字符串，可以传递boolean，number等这些东西，

二、子级向父级传递：

图片.png

此方法名也就是父级使用时候绑定的事件方法名：

图片.png

父级实现方法：

图片.png