为django集成前端js框架(Vue)

Question

我是一名Laravel开发人员，过去使用Vue作为我的前端框架。

然而，我对学习Python产生了兴趣，特别是它的web框架- Django。与Laravel相比，Django在所有方面都要好得多--它很快，它是那种' all - in - one‘类型的框架，再加上它是PYTHON。在Laravel中15分钟的任务可以在Django中完成5分钟。

有一件事一直困扰着我，那就是如何在它的模板上集成Vue。我尝试了普通的CDN方法，但它实际上并不起作用。我想可能是因为django的语法-{{ sample variable here }}和Vue是一样的。我试过编写像delimiters: ['[[', ']]'],这样的分隔符，但它只是使它变得更加复杂，仍然不能工作。

我尝试了webpack方法，在django项目中安装一个单独的vue项目，然后使用几个(像许多第三方插件)将vue项目连接到django项目。它的过程是如此单调乏味，而且它似乎不是它应该成为的原因。我有点怀念Laravel，你可以创建一个app.blade.php main模板，在上面导入app.js，然后从那里获取它。

有没有一种方法可以像在Laravel上那样快速地在django的模板上集成Vue？

Answer 1

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

你必须确保在页面上的某个地方通过脚本标签导入Vue，然后定义你自己的分隔符(就像你已经做的那样)，或者在你不想让django尝试和评估的任何变量周围使用{% verbatim %} {% endverbatim %}标签。您可以在页面上的script标记中编写Vue函数，也可以通过script标记导入外部文件，就像将任何其他js文件导入到django模板中一样。如果你发布了你的模板代码，我也许能提供更多的指导。