gpt4 book ai didi

javascript - 为什么这个 Vuejs "Hello World"示例无法在我的计算机上呈现?

转载 作者:搜寻专家 更新时间:2023-10-30 22:53:01 25 4
gpt4 key购买 nike

我正在尝试将 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com