我从一开始就通过单一文件应用程序学习VueJ。
它将包含在一个单独的html页面中，其中包含我的javascript和CSS样式。
为了不从网络上导入VueJs功能，我已经下载了Vue.JS文件，并通过输入以下内容将其链接到HTML文件：
<head>
...
<script src="vue.js"
...
</head>
通过这样做，我可以将<script>...</script>添加到我的HTML文件中，该文件包含可以识别JS的Vue代码。
效果很好。
现在，我想将代码分成各自的文件：
HTML文件JS文件CSS文件现在，我对应该在HTML文件的<head>部分中导入的内容感到困惑，因为我需要导入包含我的代码的file.js，而我想让我的Vue.js文件运行，所以我不无需从网络上导入vue.js。
我该怎么办？
我尝试了以下操作，但是没有用：
<head>
<title>First Vue playground</title>
<link rel="stylesheet" href="style.css">
<!-- Below is my JS code-->
<script src="appJS.js"></script>
<!-- below is my vue.js file so it runs Vue locally instead of importing it-->
<scrip src="vue.js"></scrip>
</head>
这是一个基本问题，因为这是我第一次这样做。
感谢所有人。
如果要在appJS.js文件中使用Vue，则需要先导入vue.js，然后再添加文件。这是您文件的外观：
App.js
window.onload = function () {
var app = new Vue({
el: '#app',
data: {
message: 'hello vue'
}
});
}
Index.html
<!DOCTYPE html>
<html>
<head>
<script src="./scripts/vue.js"></script>
<script src="./scripts/app.js"></script>
<title>Vue Test</title>
</head>
<body>
<div id="app">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>{{ message }}</p>
</div>
</body>
</html>