Instance Vue if element exists?

Question

I\'m building an app that a page has some vms, in others not. When we change from one page to another show the following warning:

[Vue warn]: Cannot find element:

Answer 1

This is a bit of an old question. I found this Vue example being useful

https://vuejs.org/v2/api/#Vue-extend

So you can create a Vue class and initiate it only if the dom element is present in the DOM.

// create constructor
var Profile = Vue.extend({
  template: '
{{firstName}} {{lastName}} aka {{alias}}
',
  data: function () {
    return {
      firstName: 'Walter',
      lastName: 'White',
      alias: 'Heisenberg'
    }
  }
})
// create an instance of Profile and mount it on an element
if(document.getElementById("element-id")){
  new Profile().$mount('#element-id')
}