时间戳

首页 > 解决方案 > 为 django 集成前端 js 框架 (Vue)

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

问题描述

我是一名 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 的模板上？

标签： djangovue.js

解决方案

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

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

推荐阅读