vue.js - 我在 Vue.js 上做错了什么?
问题描述
我是 vue.js 的新手,但我不明白为什么它仍然显示 {{ title }} 而不是 Hello world!
new Vue({
el:'#app',
data: {
title:"Hello World!"
}
});
<html>
<head>
<title></title>
</head>
<body>
<div id="#app">
{{ title }}
</div>
<script src="/script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</body>
</html>
我不明白出了什么问题,但我只是从教程中复制和粘贴
解决方案
你必须#
删除<div id="#app">
这是完整的代码:
new Vue({
el:'#app',
data:
{
title:"Hello World!"
}
});
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
</head>
<body>
<div id="app">
<p> {{ title }} </p>
</div>
<script src="script.js"></script>
</body>
</html>
<html>
推荐阅读
- r - 使用两个数据框但一个数据表
- ibm-cloud - 当问题 ID 名称中有正斜杠时,如何创建容器注册表配置问题豁免?
- sql - 选择中的划分和子查询
- javascript - 使用 lodash 按子值对对象进行排序
- python - 如何从字符串中删除 WindowsPath 和括号
- testing - 除了需要将“test”和“fixture”作为全局变量注入之外,TestCafe 真的需要自己编译测试代码吗?
- javascript - 在 JavaScript 中的元素之前插入节点
- java - Hibernate 不能映射到表?
- javascript - 如何使用 Cloudflare worker 解决重定向 301
- python - 如果列表中的值在另一列中,则 Pyspark 更改列值