Vue中的 ref 和 $refs

官网解释：

ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子组件上，引用信息就是组件实例
注意：只要想要在Vue中直接操作DOM元素，就必须用ref属性进行注册

下面用两个例子来深入理解ref和refs

一、ref作用于组件

<div id="app">
    <navbar ref="navbar"></navbar>
    <pagefooter ref="pagefooter"></pagefooter>
</div>
new Vue({
   
    el:'#app',
    mounted:function () {
   
        //ready,
        //这里怎么直接访问navbar的navs