在附加元素内渲染 Vue

Question

我正在制作一些 chrome 扩展，它在 jquery 中工作，但由于一些反应性，我需要切换到 Vuejs。

现在，如果我将 Vue 绑定到某个随机 div，该 div 中的内容将被删除。

所以我尝试附加一些元素，然后使用那个元素，但似乎 Vue 找不到它。

  let el = document.createElement('div');
  el.style.cssText = 'position:fixed;top:0;left:0;';
  el.id = '#random12345';
  document.body.appendChild(el);
  setTimeout(function () {
    const app = new Vue({
      el: "#random12345",
      data: {},
      render: h => h('some-component')
    });
  }, 3000);

为此，我不断收到错误消息：[Vue 警告]：找不到元素：#random12345

Answer 1

#random12345 选择器意味着它会寻找一个id 属性等于random12345 的元素。

应该是：

el.id = 'random12345';