Peranan fungsi ref dalam vue

Fungsi

ref digunakan dalam Vue.js untuk mencipta rujukan boleh ubah untuk mengakses dan mengubah suai contoh komponen atau elemen DOM. Ia boleh memainkan peranan dalam senario berikut: 1. Akses elemen DOM 2. Akses contoh komponen 3. Akses sifat komponen;

Peranan fungsi ref dalam Vue.js

Fungsi ref dalam Vue.js ialah fungsi yang digunakan untuk mencipta rujukan boleh ubah, membenarkan akses dan pengubahsuaian contoh komponen atau elemen DOM. Ia sangat berguna dalam senario berikut:

1. Mengakses elemen DOM

Dalam fungsi ref, anda boleh menghantar rentetan atau fungsi sebagai parameter untuk mewakili elemen DOM yang akan dirujuk, contohnya:

<code><template>
  <div ref="myDiv">...</div>
</template>

<script>
  export default {
    mounted() {
      console.log(this.$refs.myDiv); // 访问 DOM 元素
    }
  }
</script></code>

2. Akses contoh komponen

Begitu juga, fungsi ref juga boleh digunakan untuk mengakses kejadian komponen:

<code><template>
  <MyComponent ref="myComponent">...</MyComponent>
</template>

<script>
  export default {
    mounted() {
      console.log(this.$refs.myComponent); // 访问组件实例
    }
  }
</script></code>

3 Akses sifat komponen

Fungsi ref juga boleh digunakan untuk mengakses sifat komponen:

Atas ialah kandungan terperinci Peranan fungsi ref dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!