相关疑难解决方法(0)

我想将AngularJS与Django一起使用,但它们都{{ }}用作模板标签.有没有一种简单的方法来改变其中一个使用其他自定义模板标签？

我有一个用于后端的Django应用程序,它使用Vue作为前端呈现模板.我在django中的视图代码包含以下部分:

# thing/views.py
def index(request):
    template = loader.get_template('thing/index.html')
    return HttpResponse(template.render({}, request))

# thing/urls.py
from django.views.generic import TemplateView

urlpatterns = [
    path('', TemplateView.as_view(template_name='index.html')),
]

# some other files that complete the project are not included

在index.html以下代码中:

<div id="app">
    <p v-if="quotaRemaining > -1">
        Remaining: {{ quotaRemaining }}
    </p>
</div>

<script>
    const app = new Vue({
        el: '#app',
        data: {
            quotaRemaining: 42,
        },
    });
</script>

访问此页面时唯一呈现的是:

剩余:

虽然我希望它是

剩余:42

为什么我的Vue模板在Django服务时无法正确呈现？我如何使其工作？