Are multiple Vuejs instances possible? Are multiple Vuejs instances possible? vue.js vue.js

Are multiple Vuejs instances possible?


Like @ka_lin has said, you should use components for this. They are the perfect tools for this.

Otherwise it is almost impossible to do, specially with the example you have presented. There is no way Vuejs can recognize to which instance {{ message }} belongs to.

The closest you can achive a 'similar' feature is to distribute the scope of your vue instance to two elements as:

new Vue({ el: '#app1', data () {   return {     message: 'Hello'   } },})new Vue({ el: '#app2', data () {   return {     message: 'Helloa'   } }})
<script src="https://unpkg.com/vue@2.5.9/dist/vue.js"></script><div id="app1">  {{ message }}</div><div id="app2">  {{ message }}</div>


Try such an example:-

  const App = new Vue({    el: '#app',    data: {      aa: 'Hello Vue!', }  })  const vvv2 = new Vue({    el: '#vvv',    data: {      bb: 'Hello Vue!55555555555', }  })