ref, refs 사용 방법

1. 다른 vue 컴포넌트의 함수값을 받을 때

ref를 사용할 페이지 A 받아올 페이지 B라고 하면 
A페이지에서 B의 component를 사용할 때 ref로 B의 함수 값을 받아온다
<B ref="C"></B>       // 선언할 때 ref
methods:{
 clickEvnent(){
let data = this.$refs.C.getData(); // getData()는 B페이지의 함수이다. ref값 받아 올 때는 $refs
 },
}

B페이지
methods:{
getData(){
return this.datas; //data에서 선언한 datas 를 반환해 준다.
 },
}

2. 다른 vue 컴포넌트에서 변수값을 받을 때

ref 사용할 페이지 A 받아올 페이지 B라고 하면 
A페이지에서 B의 component를 사용할 때 ref로 B의 변수 값 C를 받아온다
<B ref="C"></B>    // 선언 ref
methods:{
 clickEvnent(){
let data = this.$refs.C.Data; // Data는 B페이지의 변수이다.   받아올 때는 $refs
 },
}

B페이지
export default{
data: 'message',
...
}