【问题标题】:how to create a first vue js project [closed]如何创建第一个 vue js 项目
【发布时间】: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 }}

标签: vue.js


【解决方案1】:

问题在于new vue({ 行。 Vue 应该以大写 V 开头。

【讨论】:

  • @matheenulla 如果这是您的问题,您应该认真考虑熟悉浏览器的错误控制台。它将显示类似于“ReferenceError: vue is not defined”的内容,这将有助于调试。
  • @ceejayoz 这是我的问题。现在我正在安装 vue devtools 以获取错误
  • 为什么我的回答被否决了?
  • @MattU Drive-by 随机投票一直在发生。
猜你喜欢
  • 2020-11-12
  • 2021-01-08
  • 2021-03-14
  • 2019-02-28
  • 2016-10-30
  • 2022-01-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多