Javascript Chrome扩展中的Vue：在正文中附加Vue应用程序

我对VueJS非常陌生，最近我与VueJS一起启动了一个在chrome中扩展的项目。我希望我的app.vue元素显示在任何网页的body元素中，所以我尝试使用查询选择器来显示它。此查询选择器在my

popup.js

中设置，它呈现my

#App

。当我运行扩展时，它不工作。有人知道它是如何工作的吗

为了显示我的扩展名，我尝试使用在此论坛上找到的内容：

从“Vue”导入Vue
从“./App”导入应用程序
从“./router/index”导入路由器
从“../store/index”导入{store}
常量元素=document.querySelector（'body'）。firstChild
const anchor=document.createElement（'DIV'）
anchor.insertBefore（元素）
新Vue({
店:店,，
艾尔：锚，
路由器，
渲染：h=>h（应用程序）
})