Popüler

2022/08

Vue js v-bind kullanımı

 


 v-bind ne için kullanılır ?

Ana  html taglerini bağlamak için kullanılır.Örnek olarak a href içine vue ile değer vermek istediğimizde düz metin gibi {{link}} şeklinde yazarsak  hata verir  bunun yerine sağıdaki örnekteki gibi kullana biliriz.

Bunun yanında class içerisindeki cssleri de  class ı v-binde bağlayarak a href örneğindeki gibi kullanabiliriz

<head>
<meta charset="UTF-8">
<title>Vue v-bind </title>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="box">
<a v-bind:href="link"> Web Sayfam </a>
</div>
<script>
new Vue(
{
el:"#box",
data :{
link :"https://www.pielse.com",
}
});

</script>
</body>
</ht