Vue.js Vue正在呈现模板标记而不是内容
我正在尝试学习vue，但我无法让任何东西工作，这是我现在尝试的第五个教程，我真的不知道我做错了什么 呈现以下代码时，将显示模板标记，而不是预期内容：Vue.js Vue正在呈现模板标记而不是内容,vue.js,Vue.js,我正在尝试学习vue，但我无法让任何东西工作，这是我现在尝试的第五个教程，我真的不知道我做错了什么 呈现以下代码时，将显示模板标记，而不是预期内容： <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<title>Learning Vue.js</title>
</head>
<body>
<div id="app">
<input type="text" v-model="name" />
<p>Hello {{ name }}</p>
</div>
<script>
new Vue({
el: '#app',
data() {
return {
name: 'John'
};
}
});
</body>
</html>
学习Vue.js
你好{{name}
新Vue({
el:“#应用程序”，
数据（）{
返回{
名字：“约翰”
};
}
});
有人能帮我理解为什么这不起作用吗？我上个月一直有这个问题，找不到解决办法。我在Linux计算机上使用Firefox，我也在Opera和Brave浏览器中尝试过同样的问题，所以我怀疑这是我的代码。在上面的代码片段中，您没有关闭脚本标记。 关闭标记后的代码：
学习Vue.js
你好{{name}
新Vue({
el:“#应用程序”，
数据（）{
返回{
名字：“约翰”
};
}
});
脚本