Apakah maksud ref in vue?

Ciri rujukan dalam Vue membolehkan pembangun mengakses elemen DOM atau tika komponen. Kegunaan termasuk: memanipulasi elemen DOM secara langsung, seperti menetapkan fokus atau mendapatkan nilai. Akses contoh komponen untuk mendapatkan data atau kaedah panggilan. Wujudkan hubungan antara komponen, seperti komunikasi ibu bapa-anak.

ref dalam Vue

ref ialah ciri penting dalam Vue.js, yang membolehkan pembangun mengakses elemen DOM atau contoh komponen.

Kegunaan

ref boleh digunakan dalam senario berikut:

• Memanipulasi secara langsung elemen DOM, seperti menetapkan fokus atau mendapatkan nilainya.
• Akses contoh komponen, seperti mendapatkan datanya atau memanggil kaedahnya.
• Wujudkan hubungan antara komponen, seperti menggunakan rujukan untuk mencipta komunikasi komponen ibu bapa-anak.

Syntax

ref boleh digunakan dengan cara berikut:

<code class="html"><template>
  <input ref="myInput" />
</template>

<script>
export default {
  mounted() {
    // 获取 DOM 元素
    this.$refs.myInput.focus();
  }
};
</script></code>

Tugasan

ref diperuntukkan kepada elemen DOM atau contoh skrip, bergantung pada templat atau ia digunakan .

• Dalam templat, rujukan merujuk kepada elemen DOM.
• Dalam skrip, ref merujuk kepada kejadian komponen.

Akses

boleh diakses melalui $refs objek ref:

<code class="js">this.$refs.myInput // 返回 DOM 元素
this.$refs.myComponent // 返回组件实例</code>

Perhatikan bahawa nama

• ref mestilah unik.
• Ref hanya boleh digunakan selepas rendering DOM selesai.
• ref tidak boleh digunakan dalam komponen tak segerak atau komponen berfungsi.

Atas ialah kandungan terperinci Apakah maksud ref in vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!