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,这样就达到了临时变量的需求。

    课后习题

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

    结束








     

  • 相关阅读:
    Oracle数据类型
    Windows10安装node.js,vue.js以及创建第一个vue.js项目
    Redis Desktop Manager安装
    VMware安装Linux系统
    前端入门学习路线
    架构
    HTML
    Oracle修改表类型方法
    Python学习
    Python(字符串和编码)
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/12791267.html
Copyright © 2011-2022 走看看