vue.js - 父子vue之间的异步生命周期

Question

虽然我被路由到“myFavouritePage”，但是在路由到“myFavouritePage”之后打印“嗨，我是 child ”。 parent 中是否有一个函数，完成后创建子组件？ 家长:

beforeCreate () {
    var orderNumber = this.$store.state.myStore.order.number
    if (!orderNumber) {
        this.$router.push({name: 'myFavouritePage'})
    }
}

child :

mounted () {
    cosole.log('Hi, I'm child')
}

Answer 1

您可以在您的组件中使用组件守卫并将 vuex 存储导入同一文件。

import store from 'pathto/your/store'

beforeRouteEnter(to, from, next) {
 if (!store.state.myStore.order.number) return next({name: 'myFavouritePage'})
 next();
}