vue.use 的使用， render里面的h是什么，路由钩子的执行过程

目录

Vue.use

自动全局注册组件

 render里面的h是：

路由钩子的执行过程

组件传值之ref

---

Vue.use

Vue.use(js对象/function,参数)
js对象：{
    install(Vue,options){
      // 在Vue.use后，该方法会执行  
    }
}
function:function(Vue,options){
  // 在Vue.use后，该方法会执行    
}

// 1.这个是函数的注册
// export default function(Vue, options) {
//   console.log(options)
//   Vue.component(PageTools.name, PageTools)
// }
// 2.还一种是对象的形式
// export default {
//   install(Vue, options) {
//     console.log(options)
//     Vue.component(PageTools.name, PageTools)
//   }
// }

自动全局注册组件

 render里面的h是：

路由钩子的执行过程

1. beforeRouteLeave ----导航离开该组件的对应路由时调用

2. beforeEach ----------------全局前置守卫

3. beforeEnter --------------------在路由配置里调用

4. beforeRouteEnter ---------------在被激活的组件里调用

5. beforeResolve ------------------同时在所有组件内守卫和异步路由组件被解析之后，解析守卫就被调用

6. afterEach -----------------------全局后置钩子

路由更新：

• beforeEach ----------------全局前置守卫

• beforeRouteUpdate ----------------在重用的组件里调用

• afterEach -----------------------全局后置钩子

组件传值之ref

父子组件传值

1. props与emit

2. ref传值

   获取组件的实例对象

   1. 父获取子组件实例对象

      1. 子组件标签 ref="xxx"

      2. 子组件的this(实例对象)====this.$refs.xxx

   2. 子获取父组件实例对象

      1. this.$parent===父组件的实例对象，它找到的父组件是最近的父组件

         1. 子组件标签如果是其它组件包着的就是其它组件是它的父级

         2. 如果子组件标签是原生标签包着的，它的父组件就是它所在的组件