Vue学习笔记(七):生命周期以及函数式组件
2019-05-27 本文已影响0人
smartHui
1、创建阶段和销毁阶段只执行一次。更新阶段执行多次
render就是渲染我们的template,template最终会被编译到render中,从我们组件的运行流程的角度来说,render也可以成为生命周期的一部分,但它不是“钩子”,他要做的事情很纯粹,就是渲染模板
mounted异步请求(如果操作DOM的话,不承诺已经子组件已经更新完,需要使用this.$nextTick)
函数式组件:
1、functional:true
2、无状态、无实例、没有this上下文、无生命周期
可以认为是一个方法。在模板中存临时变量。虽然computed可以解决一些问题,但是computed里面的数据依赖于data,或者在一些循环中利用到全局变量
问题:秒杀倒计时组件
时间的校验:取本地时间,但本地时间可以自行更改。必须获取服务端的时间,利用setTimeout模拟
扩展:
1、moment是对时间进行处理的一个库