Get your own Vue server Result Size: 625 x 565
App.vue
InfoBox.vue
main.js
 
<template>
  <h2>Example v-bind Directive</h2>
  <p>Using the 'v-bind:' shorthand ':'.</p>
  <button v-on:click="this.img = !this.img">Toggle 'img' prop value</button> {{ img }}
  <info-box 
    turtle-text="Turtles can hold their breath for a long time."
    :turtle-img="img"
  />
</template>

<script>
export default {
  data() {
    return {
      img: true
    }
  }
}
</script>                  
http://localhost:5173/