Comment résoudre le conflit entre la syntaxe Django et Vue

Cet article présente principalement la solution parfaite au conflit de syntaxe entre Django et Vue. Cet article partage avec vous deux solutions. Les amis dans le besoin peuvent s'y référer

Quand nous sommes dans le framework web django, Quand. en utilisant vue, vous rencontrerez des conflits de syntaxe.

Parce que vue utilise {{}} et Django utilise également {{}}, il y aura des conflits.

Solution 1. :

Après Django 1.5, une balise a été ajoutée :

{% verbatim myblock %} {% endverbatim myblock %}

Le code enveloppé par cette balise ne sera pas rendu par le moteur de template de Django.

On peut donc mettre le code Vue avec {{ }} au milieu de la balise {% verbatim myblock %}, par exemple :

<p id="app1">
  {% verbatim myblock %}
    {{ message1 }}
  {% endverbatim myblock %}
</p>

Solution 2 :

Modifier le {{ }} de Vue en {[ ]}

<script>Vue.config.delimiters = ["{[", "]}"]</script>

Lors de l'utilisation :

<p id="app1">
  {[ message1 ]}
</p>

ps : gestion des conflits de syntaxe entre django et vue dans vue

Modifier le symbole de liaison par défaut de vue.js

vue2.0 a abandonné cette méthode d'écriture :

Vue.config.delimiter=['[[',']]'];

Posture correcte :

var vm = new Vue({
  delimiters:['[[', ']]'],
  el:'#box',
  data:{
    arr:['apple','pear','grape']
  },
  methods:{
    add:function () {
      this.arr.push('tomato')
    }
  }
})

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment utiliser l'optimisation cdn dans vue

Comment déterminer la taille du type de fichier dans js

Comment implémenter la vérification glissante requise pour la connexion dans js

Comment implémenter la fonction de requête floue de la liste déroulante dans Angular

À propos des connaissances en matière de sécurité des modules de cryptographie dans Nodejs (tutoriel détaillé)

Comment implémenter les fonctions de pagination et de recherche dans Angularjs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!