最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Django與Vue語(yǔ)法的沖突問題完美解決方法

 更新時(shí)間：2017年12月14日 14:11:01   作者：alsww  
這篇文章主要介紹了Django與Vue語(yǔ)法的沖突問題完美解決方法，本文給大家分享了兩種解決方法，需要的朋友參考下吧

當(dāng)我們?cè)赿jango web框架中,使用vue的時(shí)候,會(huì)遇到語(yǔ)法沖突.

因?yàn)関ue使用{{}},而django也使用{{}},因此會(huì)沖突.

解決辦法1:

在django1.5以后,加入了標(biāo)簽:

{% verbatim myblock %} {% endverbatim myblock %}

被此標(biāo)簽包裹的代碼將不會(huì)被Django的模板引擎渲染。

因此,我們可以把帶有{{ }} 的Vue代碼放在 {% verbatim myblock %}標(biāo)簽中間,例如:

<div id="app1">
  {% verbatim myblock %}
    {{ message1 }}
  {% endverbatim myblock %}
</div>

解決辦法2:

修改Vue的{{ }} 為{[ ]}

<script>Vue.config.delimiters = ["{[", "]}"]</script>

使用的時(shí)候:

<div id="app1">
  {[ message1 ]}
</div>

ps：vue之django 和vue語(yǔ)法沖突處理

修改vue.js的默認(rèn)的綁定符號(hào)

vue2.0已經(jīng)廢棄這種寫法:

Vue.config.delimiter=['[[',']]'];

正確姿勢(shì):

var vm = new Vue({
  delimiters:['[[', ']]'],
  el:'#box',
  data:{
    arr:['apple','pear','grape']
  },
  methods:{
    add:function () {
      this.arr.push('tomato')
    }
  }
})

總結(jié)

以上所述是小編給大家介紹的Django與Vue語(yǔ)法的沖突問題完美解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論

马鞍山市| 巴塘县| 山东| 怀仁县| 洛浦县| 珠海市| 安图县| 岳普湖县| 金塔县| 屏南县| 刚察县| 修文县| 健康| 扎赉特旗| 崇义县| 界首市| 武定县| 民县| 巴塘县| 嘉鱼县| 昂仁县| 桃源县| 浠水县| 武强县| 台中市| 蒙阴县| 宝坻区| 红原县| 南安市| 泊头市| 裕民县| 太和县| 沐川县| 尚义县| 偃师市| 阿坝县| 白朗县| 扎鲁特旗| 祥云县| 景谷| 客服|