v-bind Example

Hello.vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2 v-bind:title="tooltip">{{ employee }}</h2>
    </div>
</template>

<script>
  export default {
    name: 'hello',
    data() {
      return {
        msg: 'Welcome to Your Vue.js App',
        employee: 'David James',
        tooltip:'Hey I\'m a tooltip'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>