如何创建第一个 vue js 项目
Posted
技术标签:
【中文标题】如何创建第一个 vue js 项目【英文标题】:how to create a first vue js project [closed] 【发布时间】:2020-03-31 15:12:28 【问题描述】:我刚开始使用 vue.js。我创建了一个简单的项目,但它不工作。请检查上面的代码有什么问题。我对此完全陌生,我不知道我在这方面犯了什么错误。
谢谢你
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="root">
<input type="text" v-model="name">
<p>Hi my name is: name </p>
</div>
<script src="https://unpkg.com/vue@2.6.10/dist/vue.js"></script>
<script>
new vue(
el: '#root',
data:
name: 'Matheen'
);
</script>
【问题讨论】:
“不工作”是什么意思?你有任何错误吗? 不,我没有得到输出 我得到这样的输出 name 【参考方案1】:问题在于new vue(
行。 Vue
应该以大写 V 开头。
【讨论】:
@matheenulla 如果这是您的问题,您应该认真考虑熟悉浏览器的错误控制台。它将显示类似于“ReferenceError: vue is not defined”的内容,这将有助于调试。 @ceejayoz 这是我的问题。现在我正在安装 vue devtools 以获取错误 为什么我的回答被否决了? @MattU Drive-by 随机投票一直在发生。以上是关于如何创建第一个 vue js 项目的主要内容,如果未能解决你的问题,请参考以下文章