<template> <h2>Example v-bind Directive</h2> <p>Two props are sent to the component. We must use v-bind for the prop with 'boolean' data type.</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." v-bind:turtle-img="img" /></template><script>export default { data() { return { img: true } }}</script>