Estoy probando Vuejs con laravel mix.
Acabo de crear mi component se llama HeaderComponent.vue, lo estoy renderizando bien se me muestra en el home de la pagina pero quiero hacer lo siguiente:
<template>
<div>
<!-- Just an image -->
<nav class="navbar">
<a class="navbar-brand" href="#">
<img :src="{{ img }}" alt="Mercantil Logo" />
</a>
</nav>
</div>
</template>
<script>
export default {
data: function() {
return {
//Quiero que la ruta que escriba aqui se renderice en el template
img: "img/menu/1.png"
};
}
};
</script>
<style lang=""></style>
Como escribí en el comentario del código quiero que lo que escriba en img se renderice en el src de la imagen, pero me da error, como debo hacerlo?