Javascript 在vuejs el中显示广告

正如我们所知，如果我们将

标记放在“el”vuejs中，将显示一个错误。。这让我无法在vue el上投放任何广告

例如：

newvue({
el:“#应用程序”，
数据：{
消息：“您好，Vue.js！”
}
})

{{message}}

这是不可能的，因为

el

选项用于指定要使用Vue.js组件编译的DOM。这就是为什么您的错误是

模板应该只负责将状态映射到UI

。Vue.js编译器所做的工作只是将数据、计算方法等映射到已装入的组件中

唯一可以做的就是在目标元素中不包含

标记

<div>
  <div id="app">
    {{ message }}
  </div>
  <script data-cfasync='false' type='text/javascript' src='//p31898.clksite.com/adServe/banners?tid=31898_118905_0'></script>
</div>

{{message}}

我认为这是不可能的，先生，但我有一个替代方案，可能可以帮助您拆分html元素

首先，使用Vue.js编译数据（如来自数据库）

{{data}}

然后创建html元素来显示你的广告

<div id="ads-example">
  <script data-cfasync='false' type='text/javascript' src='//p31898.clksite.com/adServe/banners?tid=31898_118905_0'></script>
</div>

---

并且，在ads元素之后，再次为另一个Vue el创建最后一个html元素。我希望它能帮助您：）

我刚刚构建了一个vue组件，可以加载

我用它来加载来自不同公司的广告，如Chitika、Medianet和Propper

以下是回购协议：

以下是如何使用它：

从“vue脚本组件”导入VueScriptComponent
导出默认值{
...
组成部分：{
...
VueScriptComponent
}
...
}

那么，我要2个区域？1个区域仅用于Vue（用于编译数据、组件等），其他区域用于显示广告？那么，结构是这样的吗<代码>

<div id="ads-example">
  <script data-cfasync='false' type='text/javascript' src='//p31898.clksite.com/adServe/banners?tid=31898_118905_0'></script>
</div>