ABooooo · June 19, 2024 11:48
diff --git a/Two-Way Data Binding b/Two-Way Data Binding
 <template>
 <h1>{{ title }}</h1>

 <p>Edit title: </p>
 <input v-model="title" type="text"/>
 </template>

 <script setup>
 import { ref } from 'vue'

 const title = ref('juhu') //this ref is conected to input and DOM. Changing it in input it also changes in DOM and other way around
 </script>
	<template>
	<h1>{{ title }}</h1>

	<p>Edit title: </p>
	<input v-model="title" type="text"/>
	</template>

	<script setup>
	import { ref } from 'vue'

	const title = ref('juhu') //this ref is conected to input and DOM. Changing it in input it also changes in DOM and other way around
	</script>