父子组件的数据传递

冷不防 2022-05-25 13:59 288阅读 0赞

加冒号0是数字,不加冒号0是字符

父组件向子组件传值

<!DOCTYPE html>




父子组件传值












20180515224826420

var counter = {
props:[‘count’],
//子组件需要接收来自父组件的内容,来接收count这个属性内容//子组件接收数据
template:’

{ {count}}
‘,
methods:{
handleClick:function () {
this.count ++ //子组件不能直接修改父组件传递的内容
}
}

}

报错 //子组件不能直接修改父组件传递的内容

20180515225443925

如何解决呢,就是吧父组件的东西转化给子组件的就行

<!DOCTYPE html>




父子组件传值












子组件向父组件传值

<!DOCTYPE html>




父子组件传值







{ {total}}




发表评论

表情:
评论列表 (有 0 条评论,288人围观)

还没有评论,来说两句吧...

相关阅读