在Django模板中使用Vue语法

html文件内容如下：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>TestManager</title>
 6     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 7 </head>
 8 
 9 <body>
10 {% spaceless %}
11 {% verbatim %}
12 <div id="app">
13     {{ message }}
14 </div>
15 {% endverbatim %}
16 {% endspaceless %}
17 </body>
18 <script>
19     new Vue({
20         el: '#app',
21         data: {
22             message: 'Hello Vue!'
23         }
24     })
25 </script>
26 </html>

使用verbatim可以关闭Django对DTL的渲染，使其被Vue渲染

posted @ 2020-10-22 11:52  卫青臣  阅读(428)  评论(0)    收藏  举报