vue基本的な使用--refsはコンポーネントまたは要素の例を取得する。

説明：vm.$refsオブジェクトは、登録済みのすべてのサブコンポーネント（またはHTML要素）を持っています。
使用：HTML要素にref属性を追加し、JSでvm.$refs.属性で取得する。
サブアセンブリを取得すると、refによってサブアセンブリのdataとmethodsが取得されます。
ref属性を追加

<div id="app">
  <h1 ref="h1Ele">  H1</h1>
  <hello ref="ho"></hello>

  <button @click="getref">  H1  </button>
 </div>

登録されたすべてのコンポーネントまたは要素を取得します。

methods: {
    getref() {
     //     $refs    ,    ref     : h1ele DOM     
      console.log(this.$refs.h1Ele.innerText);
      this.$refs.h1ele.style.color = 'red';//   html  

     console.log(this.$refs.ho.msg);//       
     console.log(this.$refs.ho.test);//        
    }
   }

以上のこのvueは基本的に使われています。refsはコンポーネントや要素を獲得した例は、小編集が皆さんに共有している内容の全部です。参考にしてほしいです。どうぞよろしくお願いします。