Могу ли я загрузить данные flask в шаблон vue? Как?

Question

Итак, я создаю это приложение с flask (Back-end) и Vue (Front-end), и я хочу загружать данные из flask непосредственно в мой .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 или ax ios для получения данных серверной части в вашем Vue файле компонента.