B、页面跳转和生命周期

一、页面跳转和生命周期 (面试必问)

1-1 A页面初次加载

beforeCreate(){
console.log("beforeCreate")
},
created(){
console.log("created")
},
beforeMount(){
console.log("beforeMount")
},
mounted(){
console.log("mounted")
}

1-2 A—>B

从A跳转到B页面 A页面

beforeDestroy(){
console.log("beforeDestroy")
},
destroyed(){
console.log("destroyed")

1-3 B—>A

#  由B页面跳转回A页面,A页面以下生命周期会执行
 beforeCreate(){
    console.log("beforeCreate")
  },
  created(){
    console.log("created")
  },
  beforeMount(){
    console.log("beforeMount")
  },
  mounted(){
    console.log("mounted")
  }

二、生命周期 updated

beforeUpdate,updated什么时候执行
1、data中的数据更新的时候
2、模板中要使用data中的数据

三、beforeDestory,destoryed

# A-->B  从A页面跳转到B页面
1、beforeCreate   B
2、created        B
3、beforeMounted  B
4、beforeDestroy  A
5、destroyed      A
6、mounted        B

四、DOM和生命周期

只能在mounted生命周期函数中获取DOM