Multiple Vues

HTML

<div id="vue">
  <h1>App 1</h1>
  <stuff :data="{stuff:'things'}"></stuff>
</div>
<div id="vue">
  <h1>App 2</h1>
  <stuff :data="{stuff:'things2'}"></stuff>
</div>
<div id="vue">
  <h1>App 3</h1>
  <stuff :data="{stuff:'things3'}"></stuff>
</div>

JavaScript

Vue.component('stuff', {
  props:['data'],
  template:'<pre>{{data}}</pre>'
})
let elements = document.getElementById('vue')
console.log("hello", elements)
for(let el of elements){
  new Vue({
    el
  })
}