使用flask/vue3构建html文件的一个注意点-render_template返回html文件出现数据无法插入的情况。

目前了解到的有3种解决方案：

        方案1-修改vue的插值符号(该方案本人已经实测有效，建议使用）：

               在vue3中，可以通过在创建用的时候指定delimiters选项来修改插值的符号

                        

conset app = Vue.createApp({
    delimiters: ["${", "}"], //修改插值符号为${}
    //下面定义你的代码....
})

         方案2-使用原始插值符号(该方案本人也不太明白，不建议使用）：

                        

<div id="app">
    <p>{{message}}</p>
</div>

         方案3-在Flask模板中使用原始插值符号(该方案本人也不太明白，不建议使用）：

               如果你无法直接修改Vue的插值符号，你也可以考虑在Flask模板中使用原始插值符号，以避免与Vue冲突

                        

<div id="app">
    <p>{{"{{message}}"}}</p>
</div>