我可以用 Django 渲染 VueJS 吗？

【问题标题】：Can i render VueJS with Django?我可以用 Django 渲染 VueJS 吗？
【发布时间】：2019-08-19 21:20:50
【问题描述】：

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

目前，我的项目已经有一堆模板和视图。一切都由视图呈现，我使用的唯一 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>

这种方法可行吗？

【问题讨论】：

标签： django vue.js

【解决方案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>

【讨论】：

是的，我唯一不明白的是：这有多“传统”？这是最好的方法吗？
最好的方法是由您根据项目的结构来决定。如果你不能使用 webpack，而使用 .vue 文件来编写你的组件，那么我相信这是唯一的出路。