'ref' özniteliğinin gerçek amacı nedir?

Question

Giriş öğesinin "ref" özelliği ile gerçekten kafam karıştı. Bilgimi temel alarak hiç duymadım ve bu konuda bazı anlamlı materyaller bulamıyorum. Kod vue.js resmi belgelerinde.

<currency-input v-model="price"></currency-input> 

Bu bileşen hakkında kodu:

Vue.component('currency-input', { 
    template: ` 
    <span> 
     $ 
     <input 
     ref="input" 
     v-bind:value="value" 
     v-on:input="updateValue($event.target.value)"> 
    </span> 
    `, 
    props: ['value'], 

girişine eşittir ref özelliğinin değeri ne anlama geliyor?

Answer 1

Ref özniteliğinin asıl amacı, DOM öğesini $refs ana başlığında anahtar olarak seçilebilir kılmaktır.

Örneğin ref="input" ile orada giriş elemanı, this.$refs["input"] (veya this.$refs.input) gibi (para-giriş this Burada içeride) ailesindeki onun DOM düğümünü maruz olacaktır.

Bkz: https://vuejs.org/v2/api/#ref

doğrudan DOM işlemek değil mümkün olduğunda genellikle daha iyi olacağını bile O, birçok kullanım durumları vardır. Örneğin, buradaki meşru bir kullanım durumu, bu girdiye odaklanmaktır: bunun için this.$refs["input"].focus() bileşenini bir bileşenin yönteminde kullanabilirsiniz.