Vue.js hello world不会呈现
Vue.js hello world不会呈现
提问于 2016-09-15 15:24:17
我正在尝试创建一个Hello应用程序，就像在Vue.js站点上的get开始文档中一样。一切看起来都很好，但是文本没有显示在页面上，只有html代码。
Vue版本: 1.0.26
以下是html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Vue!</title>
</head>
<body>
<div id="app">
{{message}}
</div>
<script src="vue.js"></script>
<script src="app.js"></scrip>
</body>
</html>
下面是app.js代码：
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
});
当然，vue.js是vue.js源文件，两个js文件都已加载。
控制台中没有错误
我做错什么了？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-09-15 15:31:13
你有个打字错误。您的结束标记中缺少了t。因此，app.js脚本将永远不会加载。
可能检测到这种情况的方法：
- 查看浏览器中的Developer Tools Network选项卡。您将看不到对
app.js的请求 - 验证你的HTML
Stack Overflow用户
发布于 2017-12-28 17:08:19
就像您所知道的-- data组件的Vue支柱应该是返回Object的function
data () { return { message: 'Hello vue....' } }
请参阅：Vue JS文档
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39514860
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号