vue 第五课--20190306

一、ref属性
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。
1、ref加在普通元素上。代码如下：

2、ref加在子组件上。代码如下：

在这里写了一个测试的单击函数，代码如下：

这个函数的主要作用是打印普通元素的值，以及这个普通元素，并打印出子组件里定义的一个变量值，调用子组件的一个事件，
前台效果：

可以看到，在前台的控制台中打印出来，我们想要打印出来的信息。
二、parent属性
parent属性则是在子组件中访问父组件数据的固定写法。可以通过this.parent.的写法获取父组件中的变量以及事件。
代码如下：

前台效果：

在这里提前在父组件中定义了一个变量fathe_agg和一个事件father_ref_fun，变量值为60，
事件代码如下：

在控制台中可以清楚的看到，子组件的单击事件，调用了，父组件中的变量以及事件。
三、非父子组件的传参与接收，emit与on
两个非组件组件之间传参与接收，需要用到一个中转中心，两个组件同时访问这个中转站，一个传参，一个接收。
中转站是一个JS组件，代码如下：

首先要在分别在两个组件之间建立与中转站的链接。然后通过emit向中转站传参数或者事件。通过on接收事件或者参数。
emit代码如下：

这里的代码，是向中转站MyVueEvents传递一个toB事件，这个事件就是参数SonA_say。
on代码如下：

这里通过on不断的在中转站里检查有没有toB事件的发生，如果有，就该改事件调用，就是监听中转站有没有该事件的发生，这里要注意一点，非父子组件之间通过中转传参，事件名一定要相同。
前台效果：

点击按钮后，在sonb中获取到了sona中的变量值。