uni-app一般页面的生命周期和组件页面的生命周期区别

1,628 阅读1分钟

最近在用uni-app做一个小程序,需要引入高德地图来获取用户的经纬度和详细的地理位置,在测试页面中导入高德地图来获取用户的信息均可行,但是放到我需要引入的页面中,则一直报错,当我在导入的页面打印高德地图时显示undefined
在测试页面可行,放到我自定义的组件页面中则不可行,后来发现是因为封装的组件的生命周期和一般页面的生命周期存在不同。
之前把高德地图实例化的代码放到onload中,一直报undefined,切换到created周期中,则显示正常

将实例化放到created生命周期中

显示正常
原因:页面生命周期仅在page页面有效,而单独封装的组件中【页面周期无效】,但是Vue 的生命周期依然有效 【Vue的生命周期在任何地方都是有效的】