Javascript VueJS“；新建Vue（）；in.js文件不工作_Javascript_Html_Vue.js

Javascript VueJS“；新建Vue（）；in.js文件不工作

javascript html vue.js

Javascript VueJS“；新建Vue（）；in.js文件不工作,javascript,html,vue.js,Javascript,Html,Vue.js,我刚开始使用VueJS编程，我不明白为什么不能将我的“new Vue（）”函数放在.js文件中。我用我能想到的最简单的应用程序做了一个例子。如果我的HTML是这样的 <html> <head> <meta charset="utf-8" /> <title>HBL</title> <script src="https://unpkg.com/vue"></script> <script src="est

我刚开始使用VueJS编程，我不明白为什么不能将我的“new Vue（）”函数放在.js文件中。我用我能想到的最简单的应用程序做了一个例子。如果我的HTML是这样的

<html>
<head>
<meta charset="utf-8" />
<title>HBL</title>
<script src="https://unpkg.com/vue"></script>
<script src="esterno.js"></script>
</head>
<body>
  <div id="application">
     <greeting></greeting>
  </div>
</body>

Vue.component('greeting', {
template: '<h1>Basic Component</h1>'
});

var vm = new Vue({
 el: '#application'
 });

HBL

我的.js也是这样

<html>
<head>
<meta charset="utf-8" />
<title>HBL</title>
<script src="https://unpkg.com/vue"></script>
<script src="esterno.js"></script>
</head>
<body>
  <div id="application">
     <greeting></greeting>
  </div>
</body>

Vue.component('greeting', {
template: '<h1>Basic Component</h1>'
});

var vm = new Vue({
 el: '#application'
 });

Vue.component（'greeting'{
模板：“基本组件”
});
var vm=新的Vue({
el:“#申请”
});

它没有显示任何内容，控制台显示以下错误：“[Vue warn]：找不到元素：#application”，但如果我打开JSFIDLE并粘贴代码，它就会工作

如果我将.js文件的最后三行放在html正文中的