如何创建第一个 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 项目的主要内容,如果未能解决你的问题,请参考以下文章

VsCode创建第一个vue项目

Vue.js 创建第一个应用

使用VScode创建第一个vue项目

第一个Vue-cli创建项目

如何利用Vue.js库中的v-bind绑定样式属性

Vue 3系列之01——开启第一个Vue.js 3应用