Vue2.x基础知识

vue2.x生命周期

avatar

  • beforeCreate ;   //创建前状态,el和data并未初始化
  • created ;   //创建完毕状态,完成了data数据的初始化,el没有
  • beforeMount ;   //挂载前状态,完成了el和data初始化
  • mounted;   //挂载后状态,完成挂载
  • beforeUpdate ;    //更新前状态
  • updated ;    //更新完成状态
  • beforeDestroy ;    //销毁前状态
  • destroyed ;   //销毁完成状态

1.在beforeCreate和created钩子函数之间的生命周期,在这个生命周期之间,进行初始化事件,进行数据的观测,可以看到在created的时候数据已经和data属性进行绑定。

2.created钩子函数和beforeMount间的生命周期,综合排名优先级:render函数选项 > template选项 > outer HTML。

区别

  • created:html加载完成之前,执行。执行顺序:父组件-子组件
  • mounted:html加载完成后执行。执行顺序:子组件-父组件
  • methods:事件方法执行
  • watch:是去监听一个值的变化,然后执行相对应的函数。
  • computed:是计算属性,有缓存功能,是依赖其它的属性计算所得出最后的值