VScode 入门(3):为什么在vscode中使用vue,data里的数据不能够在代码中调用!!!
这是我第一次使用Vscode,写了一些代码,我看了也没有什么错误。
直接上图:
<!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>
<script src="./lib//vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ msg }}</p>
</div>
<script>
var vm = new vue({
el: '#app',
data: {
msg: '我是一个刚刚学习vue的小白'
}
})
</script>
</body>
</html>
接下来上图:
我看了视频,和视频里的代码一模一样,起初我有点蒙,不知道错在哪。
然后我打开调试器发现
经过的的查看,发现Vue的V要大写,这是一个很容易写错的地方,大家要注意了!
正确的代码与截图
<!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>
<script src="./lib//vue.js"></script>
</head>
<body>
<div id="app">
{{ msg }}
</div>
<script>
var app = new Vue({ //Vue的V一定要大写;
el: '#app',
data: {
msg: '我是一个刚刚学习vue的小白'
}
})
</script>
</body>
</html>
官方教程:链接: https://cn.vuejs.org/v2/guide/installation.html#Vue-Devtools.
推荐视频:链接: https://www.bilibili.com/video/BV11s411A7h6?p=6.
有一起学习的吗,下面是我的博客,可以相互交流一下!!!
我的博客:链接: https://blog.csdn.net/tinglis.