我想将Vue添加到我的Django项目中,但我在理解它的某些部分时遇到了问题。
实际上,我的项目已经有了一堆模板和视图。所有东西都是由视图呈现的,我唯一使用的JS是用于Jquery的。需要添加Vue来改进我的UI。我不需要Vue作为我的前端,我只想在我的模板中添加一些Vue组件。
经过研究,我发现了关于Webpack + Vue的方法。这不是我的项目的正确方法,因为它应该用于前端完全构建在Vue上并与Django后端分开的项目,所以它不适合我。
此时,唯一的方法是使用CDN on my django html模板添加它:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>这种方法可行吗?
发布于 2019-08-20 05:26:26
是的,这是可能的。
只需将脚本添加到您的模板中:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>然后,您可以初始化其他脚本标记内的Vue组件。建议将插值括号从{{ }}改为[[ ]],以避免与Django模板引擎冲突。
<div id="example">
<p>[[ hello ]]</p>
</div>
<script>
new Vue({
el: '#example',
delimiters: ['[[', ']]'],
data: { hello: 'Hello World!' }
})
</script>https://stackoverflow.com/questions/57564097
复制相似问题