有人请帮助我,此代码无法正常工作,我不知道这有什么问题。我正在使用名为app.js的外部js文件作为index.html文件中的vue JS代码。
index.html代码
new vue({
el: '#app',
data: {
name: 'my first vue js'
}
});
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vue Project</title>
</head>
<body>
<div id="app">
<h1>{{name}}</h1>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="app.js"></script>
</body>
</html>
我曾经遇到这个问题,您在app.js中写的new vue ({el:'#app', data:{ name: 'my first vue js' }});
您只需要像new vue
这样用大写字母写new Vue ({el:'#app', data:{ name: 'my first vue js' }});
更改index.html中的代码
new vue({
el: '#app',
data: {
name: 'my first vue js'
}
});
到
new Vue({
el: '#app',
data: {
name: 'my first vue js'
}
});