我可以用 Django 渲染 VueJS 吗？

Question

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

目前，我的项目已经有一堆模板和视图。一切都由视图呈现，我使用的唯一 JS 是用于 Jquery。添加 Vue 的需要是为了改进我的 UI。我不需要 Vue 作为我的前端，我只想在这里和那里向我的模板添加一些 Vue 组件。

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

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

<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>