javascript - 仅当元素加载时才运行 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',
  });
}