大佬们,小弟这是哪里报的错

来源:4-1 使用组件的细节点

星期9

2018-04-06

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../../vue.js"></script>
</head>
<body>
<div id="app">
<counter></counter>
</div>
<script>
Vue.component('counter',function(){
template: '<div @click="btnFuc">{{number}}</div>',
data: function () {
return {
number: 0
}
},
methods: {
btnFuc: function () {
this.number ++
}
}
})
var vm = new Vue({
el: "#app"          
})
</script>
</body>
</html>


写回答

4回答

overflowhidden

2018-04-07

Vue.component(“counter”,{})你的第二个参数错了,是一个对象,你写的是function。

我也经常data里忘记打return,哈哈哈,初学,初学,共勉共勉。。

4
0

Dell

2018-04-07

overflowhidden 正解

1
0

星期9

提问者

2018-04-07

已解决

0
0

星期9

提问者

2018-04-07

可是视频4-1十八分21秒也是这样的

0
1
雅兰心诺
最后改过来了吧,之前我也这么些,后来才注意到的,第二个参数是对象哦
2018-07-08
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程