Question

我从一开始就通过单一文件应用程序学习VueJ。

它将包含在一个单独的html页面中，其中包含我的javascript和CSS样式。

为了不从网络上导入VueJs功能，我下载了Vue.JS文件，并通过输入以下内容将其链接到HTML文件中：

<head>
...
<script src="vue.js"
...
</head>

通过这样做，我可以将<script>...</script>添加到我的HTML文件中，该文件包含可以识别JS的{{1}}代码。

效果很好。

现在，我想将代码分成各自的文件：

Vue文件
HTML文件
JS文件

现在，我对应该在HTML文件的CSS部分中导入的内容感到困惑，因为我需要导入包含我的代码的<head>，而我想拥有{{1 }}文件正在运行，因此我无需从网络上导入file.js。

我该怎么办？

我尝试了以下方法，但没有用：

Vue.js

这是一个基本问题，因为这是我第一次这样做。

谢谢大家。

Answer 1

如果打算在文件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>

使用VueJs本地文件而不是将其导入

1 个答案: