老师有一个问题
来源：4-3 父子组件间的数据传递
慕九州8126026
2020-07-07 16:41:25
<div id="app">
<!-- 父组件向子组件传值需要使用属性count -->
<counter :count="1"></counter>
<counter :count="2"></counter>
<counter :count="3"></counter>
</div>
<script>
var counter = {
// 子组件需要使用props接受父组件转过来的值
props: ['count'],
// 使用传过来的值
template: '<div>{{count}}</div>'
}
var app = new Vue({
el:'#app',
// 使用局部组件需要将组件挂载到根组件中
components: {
counter: counter
},
data:{
}
})
</script>写回答
1回答
-
同学你好，理解的不对。参考如下理解：
要注意，每调用一次组件，就会有一个它的新实例被创建。这里调用了3次，会有3个counter组件的实例，每一个组件实例中，都有自己的count。所以只是代码中，定义只看到了一个count。但是调用组件时，是有三个count的。所以调用一次，会显示自己内部的count。这个过程我们是没有办法看到的，同学只需要照老师说的重新理解一下哦。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
