vue-cli安装以及脚手架下 组件之间的通信

一、父到子之间的通信（通过props）

1.理解什么是父组件和子组件，如图所示：

图1

解释图1：图1中向子组件传的值是一个字符串，当然也可以传父组件data里面的数据，这是记得加“：”

2.如何传值，如图所示

图二

二、子到父之间的通信（自定义事件）

1.在子组件的代码：

图三

2.父组件的代码：

图四

三、子到子之间的通信（新建vue实例）

1.在一个新的js文件中去创建一个vue实例

图五

2.假设two.vue是传送方，one.vue是接受方

那么在送方的代码如图所示：

图六

接受方的代码如下：

图七

四、脚手架安装代码步骤