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

【问题标题】：how to use vue.js in simple web application?如何在简单的 Web 应用程序中使用 vue.js？
【发布时间】：2017-05-14 13:07:14
【问题描述】：

我打算在 Web 应用程序中使用 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>

</body>
</html>

【问题讨论】：

尝试将您的<script> 放入<body>？

标签： javascript jquery html css vue.js

【解决方案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>

【讨论】：