vue父组件向子组件传值步骤：

vue项目开发里，必不可少都会遇到父组件向子组件传值，下面具体说明一下父组件向子组件传值的步骤：

一、首先需要两个vue页面，这里分别新建father.vue（父组件），subComponents.vue（子组件）。

二、值肯定是定义在父组件中的，供所有子组件共享。所以要在父组件（father.vue）的data中定义值：

三、父组件要和子组件有契合点：就是在父组件中调用、注册、引用子组件：

四、在父级页面引用子组件的标签上，把父组件的值绑定给子组件：

这里我绑定了两个值，字符串和数组。
五、子组件内部去接受父组件传过来的值：props 来接收：

子组件通过props来接收数据:
方式1：
props: [‘childMsg’]

方式2 :
props: {
childMsg: Array //这样可以指定传入的类型，如果类型不对，会警告
}

方式3：
props: {
childMsg: {
type: Array, //传入的类型
default: [0,0,0] //这样可以指定默认的值
}
}

六、完成，子组件内部就可以直接使用父组件的值啦！

总结：
父传子主要三个步骤——
1、父组件中定义值，调用子组件、注册、并在引用的标签上给子组件传值；
2、在子组件内进行props接收；
3、将props接收到的值在所需地点进行显示。

注意：是要用 v-bind: 绑定要传的值，不用v-bind直接把值放到标签上，否则会被当成html的节点属性解析。