【vue】组件声明周期的几个过程

生命周期

组件声明周期的几个过程

• 创建
• 挂载
• 更新
• 销毁

创建

• beforeCreate (创建前)
  初始化事件和生命周期后
• created (创建后)
  相关数据注入时，这个时候可以获取到data中的值，但是无法获取DOM

挂载

• beforeMount (挂载前)
  当data数据已经和vue模板渲染出HTML时，页面上还没有内容
• mounted (挂载后)
  将编译好的HTML替换到页面上后，这个时候可以获取到真实的DOM

更新

• beforeUpdate (更新前)
  当data中的值发生变化前，会触发该函数
• updated (更新后)
  当data中值发生变化后，会触发该函数

销毁

• beforeDestroy (销毁前)
• destroyed (销毁后)

{
  data () {
    return {}
  },
  methods: {},
  computed: {},
  生命周期钩子函数 () {

  }
}