老师 哪里错了
来源：1-1 组件的定义及复用性，局部组件和全局组件（1）
帅哥但自卑
2021-11-04 17:11:13
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="root"></div>
<script>
var app= Vue.createApp({
data(){
return {
content:1
}
},
methods:{
click2(){
this.content+=1;
}
},
template:
`
<div><hello :content="content" @add-one="click2"></div>
`
});
app.component('hello',{
porps:['content'],
methods:{
click1(){
this.$emit('addOne');
}
},
tempalte:
`<div @click="click1">{{content}}</div>`
})
var vm=app.mount('#root');
</script>
</body>
</html>
1回答
-
好帮手慕星星
2021-11-04
同学你好，代码报错如下：
1、hello缺少结尾闭合，如下修改
2、hello组件中props和template单词错误了，如下修改
自己修改测试下，祝学习愉快！
0
相似问题