Django js変数の問題

どのように問題を解決できますか？Django js変数の問題

<html> 
     <head> 
     <meta charset="utf-8"> 
     <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script> 
     </head> 

     <body> 
     <div id="demo"> 
      <p>{% verbatim %}{{message}}{% endverbatim %}</p> 
     </div> 

     <script> 
      var demo = new Vue({ 
       el: '#demo', 
       data: { 
        message: 'Hello Vue.js!' 
       } 
      }); 
     </script> 
    </body> 
    </html>

問題なく動作するが、：

<html> 
    <head> 
    <meta charset="utf-8"> 
    {% load static %} 
    <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script> 
    <script type="text/javascript" src="{% static 'index/script.js'%}"></script> 
    </head> 

    <body> 
    <div id="demo"> 
     <p>{% verbatim %}{{message}}{% endverbatim %}</p> 
    </div> 
    </body> 
</html>

ブラウザショー "{{メッセージ}}"。私を助けることができますか？私は.jsファイルにも問題があります。

JSファイル： VARデモ=新しいヴュー（{ エル： '#demo'、データ：{ メッセージ： 'こんにちはVue.js！' } }）

出典

2017-07-11 Anonymous

申し訳ありません。なぜあなたは{％verbatim％}を持っていますか？ – arcee123

[verbatim]（https://docs.djangoproject.com/en/1.11/ref/templates/builtins/#verbatim）このタグで中カッコをエスケープする必要があります。 –

あなたがVueを初期化しますDOMはまだロードされていません。スクリプトを末尾に移動してください。body：

<html> 
    <head> 
    <meta charset="utf-8"> 
    {% load static %} 
    <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script> 
    </head> 

    <body> 
    <div id="demo"> 
     <p>{% verbatim %}{{message}}{% endverbatim %}</p> 
    </div> 
    <script type="text/javascript" src="{% static 'index/script.js'%}"></script> 
    </body> 
</html>

出典

2017-07-11 02:04:06

私はそれについて数時間考える...あなたは私の問題を瞬時に解決します。どうもありがとう！ –

答えて

関連する問題