<template>
    <div>
        <!-- 第三步 使用组件 -->
        <q-header></q-header>
        <q-nav></q-nav>
    </div>
</template>
<script>
// 第一步 引入组件
import qHeader from "@/components/qHeader.vue"
import qNav from "@/components/qNav.vue"
export default {
    data() {
        return {
            msg: ""
        }
    },
    // 局部守卫之路由跳转的时候触发 --- 可以直接访问this
    // beforeRouteUpdate(to,feom,next){
    //     console.log(to.meta)
    //     this.msg=to.meta.title
    //     next()
    // },
    mounted() {
        // this.$route里面存的是当前组件的信息，包括当前组件的路径及其原信息等
        // this.$router是路由实例，里面存储的是跳转方式等，this.$route.push()
        // console.log(this.$route.meta.title,"当前的路由信息")
        // console.log(this.$router,"路由方法")
    },
    // 第二步注册组件
    components: {
        qHeader,
        qNav
    }
}
</script>
<style lang="scss" scoped></style>