Question

有人请帮助我，此代码无法正常工作，我不知道这有什么问题。我正在将名为app.js的外部js文件用于vue js代码和index.html文件。

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>

Answer 1

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

中写的

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

Answer 2

更改 index.html

中的代码

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

到

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

我的第一个Vue JS代码无法使用简单的html

2 个答案: