我的第一个 vue js 代码不适用于简单的 html答案

【问题标题】：MY first vue js code not working with simple html我的第一个 vue js 代码不适用于简单的 html
【发布时间】：2020-03-26 21:52:18
【问题描述】：

请有人帮我这个代码不起作用我不知道这有什么问题。我正在使用名为 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>

【问题讨论】：

您使用什么服务器来“查看 html”？
我认为您的模板需要成为 vue 组件的一部分，而不是在您的 html 文件中。
content of el ... 即在您的情况下，ID 为 app 的 div 被替换为 .... nothing - 因为您没有模板
检查控制台是否有错误，然后也发布您的错误！

标签： javascript html vue.js

【解决方案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' }});一样

【讨论】：

【解决方案2】：

更改index.html中的代码

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

到

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

【讨论】：