vue中的ref和$refs的使用

<div id=\"app7\">
  <input type=\"text\"ref=\"TEXT\"/ >
  <button @click=\"add\">添加</button>
</div>

var app7=new Vue({
  el:\"#app7\",
  data:{

  },
  methods:{
    add:function(){
      console.log(this.$refs);
    }
  }
})

<div id=\"app7\">
  <aaa ref=inputText></aaa>
  <input type=\"text\"ref=\"TEXT\" >
  <button @click=\"add\">添加</button>
</div>

 Vue.component(\'aaa\',{
    template:\"<div>我是一个组件</div>\"
  })
  var app7=new Vue({
    el:\"#app7\",
    data:{

    },
    methods:{
      add:function(){
        console.log(this.$refs.inputText);
        console.log(this.$refs);
      }
    }
  })
  var aaa=app7.$refs.inputText;
  //console.log(aaa);
  //console.log(aaa.$el.innerText);