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>