实例 Vue 使用 v-bind: 简写 :

<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>