zoukankan      html  css  js  c++  java
  • vue 计算属性 实例选项 生命周期

    vue 计算属性:

      computed:{}

      写在new vue()的属性,只要参与运算,数据不发生变化时,次计算只会执行一次,结果缓存,之后的计算会直接从缓存里去结果。如果其中的值发生变化(不管几个),会重新计算,在重新缓存

      在computed和methods的方法里直接调用data里的数据时用      this.msg      如:console.info(this.msg);

      methods:主要用于事件

      watch:属性,对监控的数必须要每个参与计算的值一个一个的监控,但不建议使用

    vue 实例选项:

      el,data,methods,computed,template

      $el,$root,$partent,$children,$data

    可以用app.$mount("#app")代替  “el”:"#app",但是要写在new vue()  外面

    vue 生命周期:

    1,创建:created:function(){}  //创建完成之后,加载之前的回调函数,也叫钩子函数

         beforeCreate:function(){}  //创建之后的钩子函数

    2,加载:beforeMount:function(){}  

         mounted:function(){}

    3,运行:beforeUpdate:function(){}

         updated:function(){}

    4,销毁:beforeDestroy:function(){}

         destroyed:function(){}

  • 相关阅读:
    Spyder | 关于报错No module named 'PyQt5.QtWebKitWidgets'
    Java基础(11) | 接口
    Java基础(10) | 抽象
    Java基础(9) | 继承
    Java基础(7) | String
    Java基础(6) | ArrayList
    CodeBlocks17.12配置GNU GCC + 汉化
    图片懒加载
    Mac安装Mysql 超详细(转载)
    剑指 Offer 03. 数组中重复的数字
  • 原文地址:https://www.cnblogs.com/xzzzys/p/7760704.html
Copyright © 2011-2022 走看看