如何创建第一个vue js项目

时间:2019-12-06 15:47:59

标签: vue.js

我刚开始使用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>

1 个答案:

答案 0 :(得分:1)

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