18910140161

Props数据响应问题

顺晟科技

2022-09-03 12:20:48

190

我创建了一个父子组件,父组件向子组件传递一了一个属性props1


顺晟科技:

正式如此 我想知道为什么没有第一次就打印b 想了解这个机制

子组件

或者说你的代码实际上是parent.ts

父子组件的传值,是在template 里写的。template不更新,子组件怎么得到新值呢?

这就看,父组件改变值之后,子组件什么时候会改变的问题。

要不,你试试传一个reactive给子组件试试。

先执行父组件的js代码,改值,然后模板发现变化,重新渲染,然后通知子组件改值。

把你template转换为render

当我按下父组件中的按钮触发click 将props1的值设置为b ,并调用子组件中的 getProps方法控制台打印props1的值,但问题来了第一次无论如何都只会打印字母a(父组件中props1的默认值),但视图却更新为b 第二次点击时控制台才打印b 想知道这是为什么,为什么没有在第一次设置props1值的时候就打印b示例:Vue SFC Playground

children.ts

父组件

大概是这样的。

也就是说,父组件变更属性值后,子组件什么时候可以得到变化后的值?

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航