当前位置: 首页 > Web前端 > vue.js

vue和小程序的生命周期

时间:2023-04-01 00:18:05 vue.js

Vue的生命周期创建Vue对象|//beforeCreated监听器数据|初始化事件|//创建编译模板|//beforeMount挂载实例//mounted分析每个生命周期的情况,可以做什么:beforeCreated//what如果拿不到,可以加上loading|created//可以获取数据、方法等,但是获取不到dom节点,可以修改数据|beforeMount//类似于created|mounted//可以获取dom,发送请求|\|beforeUpdate(进一步改变状态,不会引起额外渲染)——updated|beforeDestory//用于清除定时器,监控|的生命周期销毁小程序onLoad//只加载一次,即可获取页面参数|onShow//每次打开页面都会调用一次,可以更改页面数据|onReady//页面初始渲染完成,可以执行wx.setNavigationBarTitle|onHide//与onShow呼应|onUnload//redirectTo或navigateBack调用,清除定时器等vueRouter钩子函数全局钩子函数//beforeEach可以进行登录拦截,权限判断等router.beforeEach((to,from,next)=>{})//afterEach路由独占守卫//beforeEnter相当于组件中的守卫beforeRouteEnterconstrouter=newVueRouter({routes:[{path:'/foo',component:Foo,beforeEnter:(to,from,next)=>{}}]})组件中的守卫//参数是to,from,nextbeforeRouteEnter//在进入路由之前,无法获取组件实例thisbeforeRouteLeave//当有未保存的内容时,可以防止页面跳转,或者存储页面数据beforeRouteUpdate//当路由发生变化时,但是组件仍然被重用transfer