activated mounted
时间: 2023-08-08 19:11:13 浏览: 112
activated和mounted是Vue.js中的两个生命周期钩子函数。activated是在组件被激活时触发的钩子函数,而mounted是在组件挂载到DOM后触发的钩子函数。
在使用时,activated主要用于keep-alive组件,当组件被激活时会触发activated函数。而mounted函数则在组件挂载到DOM后执行,只会执行一次。
在具体的应用场景中,可以根据需要选择使用activated或mounted。比如在列表页面中,如果需要在每次进入页面时都重新获取数据,可以在activated函数中调用获取数据的方法。而如果只需要在组件挂载到DOM后获取一次数据,可以在mounted函数中调用获取数据的方法。
举个例子,如果在列表页面增加了一个新增的调整页面,新增提交成功后返回列表页面,可以在activated函数中调用获取列表数据的方法,以保证每次返回列表页面时都能刷新数据。而mounted函数则可以在组件挂载到DOM后调用获取列表数据的方法,以保证组件挂载时能获取到初始数据。
#### 引用[.reference_title]
- *1* [VUE中 created(),mounted()与activated() 方法都是干嘛的?](https://blog.csdn.net/UTF8_8/article/details/125617379)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue之生命周期mounted、activated区别及实际运用例子解析](https://blog.csdn.net/angelnotears/article/details/107916367)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文