Django和vue默認都用{{ }}作為變量的標識,在django是有沖突的,所以要使用 verbatim標簽進行轉義。
Js部分:js部分是vue變量聲明的部分,vue變量聲明的規則很明確,
- 實例化一個vue對象
- 使用el來指定要綁定的標簽,選擇器遵循jq
- 使用data來指定具體的變量內容
- Vue可以綁定字符也可以綁定函數,綁定函數的關鍵字是method
- 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>