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

Question

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

是否只有在加载元素时才能实现vue组件的优雅方式？

问题是我在其他元素不存在的htmls中收到这些警告：

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',
  });
}