javascript - 在所有页面上包含 Vue js 实例，即使元素不存在

Question

在我的网络应用程序中，我将 Vue.js 用于网站周围的许多小组件。我将 Vue 实例存储在它们自己的 js 文件中，我使用 gulp 连接、缩小等。

有一个小问题，如果页面上不存在特定 Vue 实例的目标元素，控制台中会出现警告:

[Vue warn]: Cannot find element: #vueElement

虽然这不会造成任何伤害，但它让我想知道加载我的 Vue 实例的正确方法是什么。如果目标元素不存在，是否有办法阻止它触发？

Answer 1

var element = document.getElementById('vueElement');

if(element != null)
{
    // your code will be here, an example is shown below
    var app = new Vue(
       el: '#vueElement'
    );
}

我希望这有效!