Vue在django无法使用vue语法

Vue在django无法使用vue语法

这个算是一个常见的问题`在这里插入代码片`

方案1:修改vue.js的默认的绑定符号

    <div id="app">
        [[ message ]]
    </div>
    <!--全称是 Vue.config.delimiters=["[[","]]"];-->
    <script>
	new Vue({
    delimiters:["[[", "]]"],
		el:"#app",
		data:{
			message:"woaini"
		}
	})
     </script>

方案2:使用模板的标签来输出"{{","}}"

    {% templatetag openvariable %} 
    {% templatetag closevariable %}
    
    openblock	    {%
    closeblock	    %}
    openvariable	{{
    closevariable	}}
    openbrace	    {
    closebrace	    }
    opencomment	    {#
    closecomment	#}
    
    example:
                    
        {% templatetag openvariable %}
                message
        {% templatetag closevariable %}

方案3:禁用django模板渲染

    {% verbatim %}
    {{ vue }}
    {% endverbatim %}