Vue学习笔记(七):生命周期以及函数式组件

1、创建阶段和销毁阶段只执行一次。更新阶段执行多次


render就是渲染我们的template,template最终会被编译到render中,从我们组件的运行流程的角度来说,render也可以成为生命周期的一部分,但它不是“钩子”,他要做的事情很纯粹,就是渲染模板

mounted异步请求(如果操作DOM的话,不承诺已经子组件已经更新完,需要使用this.$nextTick)



函数式组件:

1、functional:true

2、无状态、无实例、没有this上下文、无生命周期  

可以认为是一个方法。在模板中存临时变量。虽然computed可以解决一些问题,但是computed里面的数据依赖于data,或者在一些循环中利用到全局变量

问题:秒杀倒计时组件

时间的校验:取本地时间,但本地时间可以自行更改。必须获取服务端的时间,利用setTimeout模拟

扩展:

1、moment是对时间进行处理的一个库

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容