请问老师vue组件为什么在vue根实例后面创建会报错?

来源:3-1 Vue实例

张月白

2020-08-03 09:31:55

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src='vue.js'></script>
</head>
<body>
<div id="root">
<div v-on:click='handleClick'>
{{message}}
</div>
<it></it>
</div>
</body>
<script type="text/javascript">

var vm=new Vue(
{
el:'#root',
data:{
message:'hello'
},
methods:{
handleClick:function(){
console.log('已绑定点击事件')
}
}
})
Vue.component('it',{
template:'<div>hello</div>'
})
</script>
</html>


写回答

1回答

好帮手慕慕子

2020-08-03

同学你好,老师测试同学粘贴的代码,如下所示,控制台并没有出现报错

http://img.mukewang.com/climg/5f278c9209af6ce205880299.jpg

建议:同学检查下引入vue.js文件的路径是否正确,再测试下。

如果还要问题,可以将你的报错截图粘贴过来,老师帮助同学查看下。

祝学习愉快~

0

0 学习 · 10739 问题

查看课程