vuejs

/*for development ===>*/ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
/*for production ===>*/ <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

const CounterApp = {
  data() {
    return {
      counter: 0
    }
  },
  mounted() {
    setInterval(() => {
      this.counter++
    }, 1000)
  }
}

<div id="app-2">
  <span v-bind:title="message">
    Hover your mouse over me for a few seconds
    to see my dynamically bound title!
  </span>
</div>