Объединить колбу и vue.js

Проблемы встречались (12 серии деталей)

Если вы хотите разоблачить HTML -страницу, используя ** колбу * и Vue.js (Без веб -пакета) вам нужно что -то настроить, чтобы позволить Vue.js Знайте, где это может работать. *

Колба использует Джинджа Язык шаблона для отображения информации на веб -странице. И, как и vue.js, их разделители

{{ ... }}

Примеры

Пример джинджи

{% for user in users %}
  
{{ user.username }}
{% endfor %}

Пример VUE.JS

  {{ message }}

Итак, как заставить их жить вместе?

Решение

В Vue.js вы можете изменить разделитель своих компонентов!

var app = new Vue({
    el: '#app',
    delimiters: ['[[', ']]'],
    data: {
      message: 'Hello Vue!'
    }
  })

  [[ message ]]

С этим Vue.js и Джинджа может жить вместе, и вы можете отобразить Vue.js Страницы с Колба Анкет 👍

Ссылки

• Колба: https://flask.palletsprojects.com/en/1.1.x//
• Vue.js: https://vuejs.org/
• Джинджа: https://jinja.palletsprojects.com/en/2.11.x//

Я надеюсь, что это поможет вам! 😀

Проблемы встречались (12 серии деталей)

Оригинал: “https://dev.to/adaendra/combine-flask-and-vue-js-31jn”