MY first vue js代码无法使用简单的html

问题描述 投票:-1回答:2

有人请帮助我,此代码无法正常工作,我不知道这有什么问题。我正在使用名为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>
javascript html vue.js
2个回答
0
投票

我曾经遇到这个问题,您在app.js中写的new vue ({el:'#app', data:{ name: 'my first vue js' }});

您只需要像new vue这样用大写字母写new Vue ({el:'#app', data:{ name: 'my first vue js' }});


0
投票

更改index.html中的代码

new vue({
el: '#app',
  data: {
    name: 'my first vue js'
  }
});

new Vue({
el: '#app',
      data: {
        name: 'my first vue js'
      }
    }); 
© www.soinside.com 2019 - 2024. All rights reserved.