如何在 django 模板中使用 vue 库

Posted

技术标签:

【中文标题】如何在 django 模板中使用 vue 库【英文标题】:How to use vue libraries in django templates 【发布时间】:2019-07-19 14:37:58 【问题描述】:

在我的项目中,我使用 django 模板并将 vue 作为脚本包含在内:

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

现在我想使用一些可以通过 npm 安装的 vue 库。问题是,如何在我的项目中使用这些库?请举几个例子。

【问题讨论】:

【参考方案1】:

您可以通过 NPM 安装 Vue.js 和库,然后将它们导入到由 Webpack 捆绑/编译的 JS 文件中。然后让 Django Webpack Loader 包在您的模板中渲染 JS 文件:https://github.com/owais/django-webpack-loader

【讨论】:

以上是关于如何在 django 模板中使用 vue 库的主要内容,如果未能解决你的问题,请参考以下文章

将 VueJs 组件添加到 Django 模板中

如何让 Django 看到 Vue.js 编译生成的 dist/static 下的文件?

如何将 Django 变量传递给 Vue 道具

是否可以使用标准库在 Go 中嵌套模板?

我如何使用 Django + Vue.js 快速构建项目

获取 Django 的静态文件包括在 Vue.js .vue 模板中工作