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

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

demo

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


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


控制台一直在输出

点击了销毁时钟

点击开始的执行事件


外层的销毁

销毁的事件

函数式组件

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

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

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

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

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

课后习题

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

结束

 

---

如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮，您的“推荐”将是我最大的写作动力！欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。