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>

我可以用Django渲染VueJS吗？

1 个答案: