我正在尝试将 Vue 与 Phoenix/Elixir 项目结合使用。经过大量故障排除后,我仍然无法渲染 Vuejs 元素。所以我决定在原始 html/js 中测试简单的“hello world”示例。
也不行。我做错了什么?
这是我试图在我的计算机上复制的 jsfiddle: https://jsfiddle.net/yyx990803/okv0rgrk/
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Vue Test</title>
<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</head>
<body>
<div id="app">
{{ message }}
</div>
</body>
</html>
最佳答案
把你的第二个script
在 </body>
之前标记.你的代码不工作的原因是因为你试图挂载 #app
在它存在之前。如果您尝试在它存在之后安装它,那就没问题了。
关于javascript - 为什么这个 Vuejs "Hello World"示例无法在我的计算机上呈现?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34774937/