Question

我打算在网络应用程序中使用vue.js。但它无法加载，也没有在浏览器中激活html。请看下面的代码：


<!DOCTYPE html>
<html>
    <head>

<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});

</script>

&#060;/head&#062;


<body>
<div id="app">
  {{ message }}
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>

&#060;/head&#062;

Answer 1

问题是您在加载vue.js之前尝试创建Vue实例，所以我认为如果您将代码放在vue.js之后，您的应用程序将正常工作。

<!DOCTYPE html>
<html>
<head></head>
<body>

<div id="app">
  {{ message }}
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    });

</script>

</body>
</html>

如何在简单的Web应用程序中使用vue.js？

1 个答案: