Django应用程序vue.js仅在vue位于HTML文件中时才起作用
我有一个django应用程序,我使用vue.js,但是只有当vue在HTML文件中时,vue.js才起作用。一旦我将它移动到一个单独的JS文件中,它就不再工作了。我想知道我是否遗漏了一些非常明显的东西 HTML文件Django应用程序vue.js仅在vue位于HTML文件中时才起作用,django,vue.js,Django,Vue.js,我有一个django应用程序,我使用vue.js,但是只有当vue在HTML文件中时,vue.js才起作用。一旦我将它移动到一个单独的JS文件中,它就不再工作了。我想知道我是否遗漏了一些非常明显的东西 HTML文件 {% extends 'blog/base.html' %} {% block content %} {% load static %} <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11" type="text/javas
{% extends 'blog/base.html' %}
{% block content %}
{% load static %}
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11" type="text/javascript"></script>
<script src="{% static 'blog/JS/main.js'%}" type="text/javascript"></script>
<div class="con">
<button type="button" name="button" @click='addForm()'>
new
</button>
<div class="car-body" v-for="(post, index) in posts">
<span style="float:right;background-color:green"
@click='removeForm(index)'>
x
</span>
<h4>Add Article (index:{{ index }})</h4>
<div >
<input type="text" name="" placeholder="Title"
v-models='post.title'>
<input type="text" name="" placeholder="Preview"
v-models='post.preview'>
</div>
</div>
</div>
{% endblock content %}
脚本应位于
正文
的末尾
<html>
<head>
<meta charset="utf-8" />
<title>HBL</title>
</head>
<body>
<div id="application">
<greeting></greeting>
</div>
<script src="https://unpkg.com/vue"></script>
<script src="esterno.js"></script>
</body>
HBL
不是$(文档).ready(函数())<代码> > jQuery代码?当他不导入jQuery库时,不妨考虑使用香草JSI推荐将VUE.JS文件加载到其HTML部分中描述的@ AZYYCRW4892的替代方案。我不会通过jQuery加载脚本文件,因为这是针对整个VU.J.IDEMIHO的。此外,请使用Django。{%static%}前缀,感谢您的评论。通过一些研究,我似乎已经理解了为什么使用jquery不是一个好主意。编辑帖子以反映它。它不再工作了
-任何错误消息?请确保这不是“静态文件配置”问题,检查浏览器控制台输出是否有任何错误。
<html>
<head>
<meta charset="utf-8" />
<title>HBL</title>
</head>
<body>
<div id="application">
<greeting></greeting>
</div>
<script src="https://unpkg.com/vue"></script>
<script src="esterno.js"></script>
</body>