VueJs v-bind

v-bind is used to dynamically bind one or more attributes, or a component prop to an expression.

When used to bind the class or style attribute, it supports additional value types such as Array or Objects.

Below the example of bind the attribute href and img src

<!DOCTYPE html>
<html lang="en">
<head>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
     <div id="app">
	     <a v-bind:href="href">
		   <img alt="" v-bind:src="imgsrc" />
	     </a>
     </div>
     <script>
     new Vue ({
        	el: '#app',
		data: {
		        href: 'https://nexladder.com', 
		        imgsrc: 'https://nexladder.com/images/nexlogo.png'
		}
             })
   </script>
 </body>
</html>

Output