Vue JS 3 tutorial in Hindi #21 Ref with Interview question

With this vue 3 js tutorial, we learn how to use simple ref vue js 3 . This video made by anil Sidhu in Hindi.

Playlist for Vue js 3 in Hindi

What is Ref
Make input field
Apply Ref
Operations with ref
Interview Question

[XPwUser]

In Vue.js 3.3.4, first we need to import ref and then declare/initialize input ref through these steps:>

<script setup>
import { ref } from 'vue';
const input = ref(null);
function getData() {
input.value.focus();
let val = this.input.value;
console.warn(val);
input.value.style.color = 'red';
}
</script>

[ritikapandey]

I Felt you could have explained the definition of Ref well.

[saivaraprasadarao]

Great explanation, and Thank you so much for the explanation.

How can we show modal popup with a div tag(textbox and button) in it, using ref in Vue3 and Bootstrap 5. Could you please share some suggestions on this. It will help me a lot . Thanks in advance

[sangramdesai]

Difference between ref vs model and ref ?

[vaibhavkhairnar]

What is the difference between ref and v-model ?

[jagjeetsingh]

bro websocket connection error is coming but dont know why it is automatically coming every 1 minute i have no code for that in this program as you have displayed

[pradeepshukla]

I do same ref with different input field but ref works on last field

[ndroidtechnology]

sir #20 number video is missing from playlist... :(