zoukankan      html  css  js  c++  java
  • 13丨生命周期的应用场景和函数式组件



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






    demo


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


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


    控制台一直在输出

    点击了销毁时钟

    点击开始的执行事件


    外层的销毁

    销毁的事件

    函数式组件


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

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

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

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

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

    课后习题

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

    结束








     

  • 相关阅读:
    Tiny模板引擎之开发工具
    Tiny框架应用实践之Tiny社区
    TINY框架:组件化的J2EE开发框架
    TinyRMI---RMI的封装、扩展及踩到的坑的解决
    新手如何入门
    从应用示例来认识Tiny框架
    图形化插件对Eclipse的版本要求
    可不可以在局域网编译TINY?
    批量创建的方法
    不在框架中,利用Django的models操作
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/12791267.html
Copyright © 2011-2022 走看看