13丨生命周期的应用场景和函数式组件



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






demo


刷新页面控制台的输出,声明周期的几个步骤


点击按钮,按钮内容变成停止。


控制台一直在输出

点击了销毁时钟

点击开始的执行事件


外层的销毁

销毁的事件

函数式组件


借助函数式组件来实现模板中做临时变量这样一个事情。在vue的模板中是没有提供临时变量这样的功能。在我们的开发过程中,临时变量是非常有必要的。不然在你的模板中会出现多次的重复的逻辑计算。当然我们的计算属性在很大的程度上帮我们避免了这个事情。但是计算属性有个依赖是,我们的属性必须是响应式数据,而且你在模板中可能还会需要一些v-for 、v-if这样的数据,有些数据而且是来自全局的。
为了避免重复计算,可能就需要一个临时变量

临时变量的功能很简单,只要子啊render的时候,直接把我传递的属性返回给调用方法,

这里在使用的时候,传递了一个var1和var2这两个变量。

通过template的v-slot作用域插槽返回出来var1和var2。这个时候var1和var2就成为了我们的临时变量。

后面在使用的时候,在这个template中写。可以随便使用变量var1 var2,这样就达到了临时变量的需求。

课后习题

电商公司可能问到的一个知识点。

结束








 

posted @ 2020-04-28 00:09  高山-景行  阅读(449)  评论(0编辑  收藏  举报