Django中vue的使用


Django和vue默認都用{{  }}作為變量的標識,在django是有沖突的,所以要使用 verbatim標簽進行轉義。

Js部分:js部分是vue變量聲明的部分,vue變量聲明的規則很明確,

  1. 實例化一個vue對象
  2. 使用el來指定要綁定的標簽,選擇器遵循jq
  3. 使用data來指定具體的變量內容
  4. Vue可以綁定字符也可以綁定函數,綁定函數的關鍵字是method
  5. Vue 本身不支持ajax異步請求,所以,我們通常要使用vue的擴展插件vue-resource,但是二者語法一樣,vue-resource目前交給三方團隊維護。又有人開始推崇axios框架進行異步的mvvm數據綁定。
<div id="app">
        <p>sdf{{ message }}</p>
    </div>
    {% endverbatim %}
    <script type="text/javascript">
        new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue.js!'
            }
        })
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM