vue中父子组件传值,解决钩子函数mounted只运行一次的问题
因为mounted函数只会在html和模板渲染之后会加载一次,但是在子组件中只有第一次的数据显示是正常的,所以需要再增加一个updated函数,在更新之后就可以重新进行取值加载,完成数据的正常显示。
beforCreate(创建之前)
Created(创建之后)
beforMount(载入之前)
Mounted(载入之后)
beforUpdate(更新之前)
Updated(更新之后)
beforDestroy(销毁之前)
Destroyed(销毁之后)
activate(keep-alive组件激活时调用)
deactivated(keep-alive组件停用时调用)
errorCaptured(这个组件的作用是接受子孙组件报错是调用,三个参数 错误对象、错误的组件、错误信息)
1
2
3
4
5
6
7
8
9
10
11
父组件向
子组件传值
通过父组件传值调用子组件显示不同的数据
父组件 :conponent.vue
子组件:iconponent.vue
父组件
父组件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
子组件
子组件
————————————————
版权声明:本文为CSDN博主「醉醉美丽栗子」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_39990827/article/details/91982721