如何在没有npm / nodes的Django中使用VUEJS

时间:2018-11-30 10:34:03

标签: django django-rest-framework vuejs2

我有一个大问题。请不要判断它是否对您很明显,但是我好几年没有使用JS进行开发了。

所以这里是上下文:我有一个与Django Rest Framework一起使用的Django Rest API(效果很好)。我的应用程序的目的是使用VueJS作为前端(因此,执行API调用)。但是这里有一个限制:我不能使用npm/node,而只能将脚本导入到我的Django服务器中(显然是在/static中),并由于Django模板渲染而将它们导入到index.html文件中。导入效果很好,但是只有这些导入(我必须小心更改VueJS分隔符,因为它们与Django的冲突)。

无论如何,我想使用VuesJS组件来存储每个资源实例,并且正如我的同事问我的那样,查看/检查我们是否可以实现通用路由(我立即想到vue-router是,它很好地导入了好)。但是在尝试为路由器和组件创建单独的文件时遇到了问题:我总是遇到导入问题。

因此提出一个简单的问题:是否可以使Django和VueJS在没有node和npm的情况下一起工作?因此,有人可以给我提示如何在js中分离问题(如python或任何编程语言),以便最终将其导入index.html(或导入引用了main.js的文件中)其他脚本并执行业务逻辑)

如果不够清楚,请不要犹豫,问我精确度,例如:更新这篇文章...我很拼命^^

1 个答案:

答案 0 :(得分:0)

您为什么不将Vuejs用于index.html

您应该将此脚本包含在<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>中:

class Face(): pass class Cube(): def __init__(self): self.faces = { 'front': Face(1), ... } @property def front(self): return self.faces['front'] @front.setter def front(self, f): pass

The documention shows the installation guides for CDN, npm, and CLI methods

这个人在将他们拼凑在一起方面做得非常出色:Build an app with vuejs and django