Html Vue.js中未打印索引金额

很抱歉，我不能提供太多信息，因为我真的不知道为什么这不起作用，我正在尝试打印索引，但由于某种原因索引根本不起作用，感谢您的帮助。索引在任何点上都没有任何值，将始终打印“无”

HTML页面

{% extends 'blog/base.html' %}
{% block content %}
{% load static %}

<form  method="post"> {% csrf_token %}
    <div class="con">
      <button type="button" name="button" @click='addHead()'>
          header
      </button>
      <button type="button" name="button" @click='addPara()'>
          Para
      </button>
        <div id="body-fields">
          <div class="car-body" v-for="(post, index) in posts">
            <div name='count'>
              {{index}}
            </div>
            <input type="textbox" v-bind:name='[post.type]' v-model='post.content'>
            <span style="float:right;background-color:green" @click='removeForm(index)'>
                x
            </span>
          </div>
        </div>

        <input type="submit" vaule="save"/>
      </div>
</form>
      <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="{% static 'blog/JS/main.js'%}" type="text/javascript"></script>

  {% endblock content %}

---

这似乎解决了它，但也带来了它自己的问题

{% verbatim %}
{{index}}
{% endverbatim %}

---

如果更改分隔符，请将代码更新为“[[”和“]]”，然后在使用时显示索引

[[index]]

要更改发货人，请使用以下命令：

var app = new Vue({
  delimiters: ["[[", "]]"],
  el: ".con",

更好的是，通过ID而不是像这样的类来处理Vue.js

var app = new Vue({
  delimiters: ["[[", "]]"],
  el: "#con",

---

这里的模板语言是什么？该语言是否解释了{{index}}，使其永远不会到达Vue？如果是这样，您可能需要更改您的分隔符：我将其更改为此分隔符：['[']，']]']，但是现在pgae只是显示，[[index]]您的JavaScript代码是否确实在运行，或者您只是从模板中看到[[index]]了？如果你在帖子中添加更多的条目，你会多次看到[[index]]吗？是的，我找到了一个解决办法，虽然不理想，但暂时可以，{{}是Django占位符

var app = new Vue({
  delimiters: ["[[", "]]"],
  el: "#con",