带有 vue.js 的简单 html 不起作用答案

【问题标题】：Simple html with vue.js not working带有 vue.js 的简单 html 不起作用
【发布时间】：2017-01-20 02:49:32
【问题描述】：

vue.js 的初学者，我点击了这个链接： https://www.sitepoint.com/getting-started-with-vue-js/

几乎将代码复制到我的 html 中。但是它不起作用。有人可以帮我找出问题所在吗？
以下是所有代码：

<html>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js">
</script>

<script>

var myModel = {
  name: "Ashley",
  age: 24
};

var myViewModel = new Vue({
  el: '#my_view',
  data: myModel
});

</script>
<div id="my_view">
{{ name }}
</div>
</body>
</html>

结果就是：{{name}}

【问题讨论】：

我保证vue.js下载成功。
这在这里工作：jsfiddle.net/b75yspL8。什么不适合你？
@jonmrich 为什么它不能在我的电脑上工作？我只是双击 html 文件并在 chrome 中打开它。
jsfiddle 对你有用吗？
@jonmrich 是的，jsfiddle 有效。现在由于第一个答案，问题解决了。

标签： javascript vue.js

【解决方案1】：

您需要添加<head> 标记并在文件末尾添加脚本，如下所示：

<html>
<head>
<title></title>
</head>
<body>
<div id="my_view">
{{ name }} {{ age }}
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>

<script>

var myModel = {
  name: "Ashley",
  age: 24
};

var myViewModel = new Vue({
  el: '#my_view',
  data: myModel
});

</script>

</body>
</html>

【讨论】：

head标签真的是必须的吗？
仅供参考：这是一篇关于省略头部标签的帖子：stackoverflow.com/questions/5641997/…
非常感谢