4-2 父子组件的数据传递

释放双眼,带上耳机,听听看~!

在Vue中,父组件向子组件传值都是靠属性的形式决定的

 编写如下代码:    这次用局部的形式来编写组件

4-2 父子组件的数据传递

 

//在控制台上显示效果如下:

4-2 父子组件的数据传递

 //如上,可以发现——尽管页面上的数据点击后有发生改变,可是却报了错误!!!

//原因在于,我们这样的写法直接修改了从父组件传递过来的数据  即单向数据流的概念:父组件可以向子组件传递参数(通过属性的形式传递),传递的参数可以在父组件中随意的更改;但是,子组件却不能反过来直接去修改父组件传递过来的参数,只能去用这个传递过来的内容

//修改上面的代码后,新代码如下:    可以完整的实现数据点击后值变化的效果  即定义一个data,把父组件传递过来的参数放到data中,然后再用data中的数据去引用

4-2 父子组件的数据传递

 

 接下来,讲解一下子组件向父组件传递参数的另外一种写法:(上一章也有提及到的计数器方法)

 //代码如下:

4-2 父子组件的数据传递

 

给TA打赏
共{{data.count}}人
人已打赏
随笔日记

es6 Promise事件执行机制

2020-11-9 3:58:08

随笔日记

【Spark调优】小表join大表数据倾斜解决方案,【Spark调优】聚合操作数据倾斜解决方案

2020-11-9 3:58:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索