背景
vue通过src方式配合Django使用，有时候真的很方便。也就是用vue的数据绑定功能。此时也可以同时使用 jQuery一起使用。
解决方法
方法一：（推荐）
建议将vue 的部分用 {% verbatim %} 包起来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>polls下的模板文件</title>
<script src="/static/js/vue/vue.js"></script>
</head>
<body>
{% verbatim %}
<div id="app">
<ol>
<li v-for="car in cars">
{{ car }}
</li>
</ol>
</div>
{% endverbatim %}
<script>
var vm = new Vue({
el: '#app',
data: {
cars: ['宝马','奥迪','奔驰']
}
})
</script>
</body>
</html>详见官方文档： Built-in template tags and filters | Django documentation | Django
方法二
采用 vue 的 delimiters 分隔符。去自定义渲染符号，不推荐这么做。因为习惯了 {{ }} 的渲染方式，突然去改又不习惯。
new Vue({
delimiters: ["{[", "]}"] // 可自定义符号
})
扫一扫
707
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
