仅在加载元素时运行vue组件

Question

我在javascript上定义了一个小的vue.js组件。

是否只有在加载元素时才能优雅地实例化vue组件？

问题是我在没有元素的其他html中收到这些警告：

vue.js:485 [Vue warn]: Cannot find element: #item

因为它在任何地方都运行此js

  new Vue({
    el: '#item',
  });

在vue.js中如何处理？

Answer 1

在创建实例之前测试元素。

if(document.getElementById("#item")){
  new Vue({
    el: '#item',
  });
}