我可以将烧瓶数据加载到 .vue 模板吗？如何？

Question

所以我正在使用烧瓶（后端）和 Vue（前端）构建这个应用程序，我想将数据从烧瓶直接加载到我的 .vue 模板但每当我尝试 {{some_variable}} 或我的情况$[[some_variable]]，因为我在Jinja 中设置了这样，它返回一个错误是$ 未定义或当我尝试$ 未定义[[some_variable]] 时。我也尝试使用vars|tojson 它返回错误。我也尝试将它作为字符串加载到 js 中，但什么也没做。

如果你感到困惑，这是我尝试过的：

{{some_variable}} 在模板和脚本标签中

[[some_variable]] 在模板和脚本标签中，这在脚本标签中返回了一个未定义的错误，并且在模板中什么也没做

$[[some_variable]] 在模板和脚本标签中这会在脚本标签中返回 $ 未定义错误，并且在模板中什么也不做

vars|tojson 根本不起作用

脚本标签中的'{{some_variable}}' '$[[some_variable]]' '[[some_variable]]' 什么也没做

我的 Jinja 配置：

class CustomFlask(Flask):
    jinja_options = Flask.jinja_options.copy()
    jinja_options.update(dict(
        block_start_string='$[',
        block_end_string=']',
        variable_start_string='$[[',
        variable_end_string=']]',
        comment_start_string='$(',
        comment_end_string=')',
    ))

app = CustomFlask(__name__,static_folder=STATIC_PATH, static_url_path='', template_folder=TEMPLATE_PATH)

所以我的问题是它是否可能以及我该怎么做。

PS：我使用的是flask而不是vue

Answer 1

您将需要 Ajax 来执行此操作，例如 fetch 或 axios 库以在您的 Vue 组件文件中获取后端数据。