vue中的ref和refs

ref用在DOM元素上

如果在普通的 DOM 元素上使用ref，引用指向的就是 DOM 元素

<div>
	<input  type="text" ref='input' />
</div>

console.log(this.refs.input) //<input  type="text" ref='input' />

ref用在子组件上

如果用在子组件上，引用就指向组件实例,因此可以获取到子组件的所有东西，包括data、methods等等

<div id="app">
    <child ref='test'></child>
</div>

refs

refs实际上是一个集合，包含所有标引ref