僅在加載元素時運行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',
  });
}