django - 我可以用 Django 渲染 VueJS 吗？

Question

我想将 Vue 添加到我的 Django 项目中，但我无法理解 它的某些部分。

在实际时刻，我的项目已经有一堆模板和 View 。一切都由 View 呈现，我使用的唯一 JS 是 Jquery。需要添加 Vue 来改进我的 UI。我不需要 Vue 作为我的前端，我只想在我的模板中到处添加一些 Vue 组件。

经过一些研究，我发现了 Webpack + Vue 方法。这不是我项目的正确方法，因为它应该用于前端完全基于 Vue 构建并与 Django 后端分开的项目，所以这对我来说不是正确的方法。

此时，唯一的方法是使用 CDN 在我的 django html 模板上添加它:

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>

这种方法可行吗？

Answer 1

是的，这是可能的。

只需在模板中添加脚本:

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>

然后您可以在其他脚本标签内初始化 Vue 组件。建议将插值括号从 {{ }} 更改为 [[ ]]，以避免与 Django 模板引擎发生冲突。

<div id="example">
  <p>[[ hello ]]</p>
</div>

<script>
    new Vue({
        el: '#example',
        delimiters: ['[[', ']]'],
        data: { hello: 'Hello World!' }
    })
</script>