Javascript 使用VueJs本地文件，而不是导入它_Javascript_Vue.js

Javascript 使用VueJs本地文件，而不是导入它

javascript vue.js

Javascript 使用VueJs本地文件，而不是导入它,javascript,vue.js,Javascript,Vue.js,我从一开始就通过单文件应用程序学习VueJs 它将包含在一个html页面中，其中包含我的javascript和CSS样式为了不从web导入VueJs功能，我下载了Vue.JS文件，并通过输入以下内容将其链接到HTML文件： <head> ... <script src="vue.js" ... </head> 这是一个基本问题，因为这是我第一次这样做感谢大家的支持。如果您打算在文件appJS.js中使用Vue，则需要先导入Vue.js，然后再导入文件。以下是您

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

它将包含在一个

html

页面中，其中包含我的

javascript

和

CSS

样式

为了不从web导入VueJs功能，我下载了

Vue.JS

文件，并通过输入以下内容将其链接到

HTML

文件：

<head>
...
<script src="vue.js"
...
</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>


Vue测试
这是一个标题
这是一段
{{message}}

将

放在

脚本src=“appJS.js”>

之前。感谢您的回复。我试过了，但不起作用。请查看我的

标签：

第一个Vue游乐场如何

谢谢您的回复。我试过了，但不起作用。请查看我的

标签：

第一个Vue游乐场

我正在使用WebStorm，你能分享控制台输出吗？我怎么做？当我分割文件并运行应用程序时，会识别出

CSS

，但

Vue

根本不起作用。换句话说，页面是静态的，大括号在

html

标记中可见。@Alioshr我刚刚添加了一个工作示例。我希望这有帮助

<!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>