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>