我可以用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>