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}}
您需要添加<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>
| 归档时间： |
|
| 查看次数： |
12224 次 |
| 最近记录： |