表示ADSエル

Question

私たちが知っているように、私たちは「エル」vuejsで<script>タグをつけた場合、エラーが表示されます...それは私がたとえばVUEにエル

を任意の広告を置くことができない作りです。

new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    message: 'Hello Vue.js!' 
 
    } 
 
})

<script src="https://unpkg.com/vue@2.4.2/dist/vue.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

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

• テンプレートはUIの状態をマッピングするための責任を負わなければなりません。テンプレートには、解析されないなど、副作用のあるタグを配置しないでください。

Vue elに広告を入れることは不可能ですか？

Answer 1

elオプションは、Vue.jsコンポーネントでコンパイルするためのDOMの指定に使用されるため、これは不可能です。だからあなたのエラーはTemplates should only be responsible for mapping the state to the UIと言います。仕事Vue.jsコンパイラは、データ、計算されたメソッド、またはそれらのようなものをマウントされたコンポーネントにマッピングするだけです。

ターゲット要素内に<script>タグを含めないでください。

<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> 

Answer 2

私はそれは不可能先生だと思うが、私は多分あなたは、あなたのHTML要素をsplitする必要が助けることができる選択肢をしました。

まず、その後、

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

をあなたの広告を表示するためのHTML要素を作成します（データベースからのような）データをコンパイルするため

<div id="app"> 
    {{ data }} 
</div> 

をVue.jsを使用すると、最後は別のために再度HTML要素を作成します広告要素の後に表示されます。私はそれがあなたを助けることを願っています:)