为Django集成前端js框架（Vue）

Question

我是Laravel开发人员，过去曾使用Vue作为前端框架。
但是，我对学习Python感兴趣，尤其是学习与之等效的Web框架-Django。与Laravel相比，Django在各个方面都好得多-它速度很快，它是那些“多合一”类型的框架之一，而且它是PYTHON。在Laravel中完成15分钟的任务可以在Django中完成5分钟。

让我烦恼的一件事是如何在其模板上集成Vue。我尝试了普通的CDN方法，但实际上不起作用。我想也许是因为Django的语法-{{ sample variable here }}和Vue的语法是相同的。我尝试编写delimiters: ['[[', ']]'],之类的定界符，但这只是使其变得更加复杂而仍然无法使用。

我尝试做过webpack方法，该方法在django项目中安装了一个单独的vue项目，然后使用了多个（例如许多第三方插件）将vue项目某种程度上连接到django项目。它的过程是如此繁琐，似乎不是它应该这样做的原因。我在Laravel上有点想念它，您可以在其中创建一个app.blade.php主模板，在其上导入app.js，然后从那里取出它。

有没有办法像在Laravel上一样快速地将Vue集成到Django的模板上？

Answer 1

我们通过cdn将Vue与Django一起使用，并且设置非常简单，因为您可以在模板文件中进行所有操作。

您必须确保通过页面上某个位置的脚本标记导入Vue，然后定义自己的定界符（如您所愿），或者在不需要django的任何变量周围使用{% verbatim %} {% endverbatim %}标记尝试评估。您可以在页面上的脚本标签中编写Vue函数，也可以通过脚本标签导入外部文件，就像将其他js文件导入django模板一样。如果您发布了模板代码，我也许可以提供更多指导。