博客
关于我
vue计算属性和监听器区别
阅读量:370 次
发布时间:2019-03-05

本文共 2201 字,大约阅读时间需要 7 分钟。

?????????????????

?Vue.js?????????????????????????????????????????????????????????????????????

??????????????

?????Computed Property???????Watcher??Vue.js??????????

  • ????

    • ???????????????????????????????????????
    • ??????????computed?????????{}??????????methods????????????????????????
    • ?????????????????????????????????????????????
  • ????

    -???????????????????????????????????????-???????????????????????????????????????????

  • ??????????????

    ?Element UI???????????????????????????????????????????????????????????

    ????
    watch: {  total() {    if (this.total === (this.currentPage - 1) * this.pageSize && this.total !== 0) {      this.currentPage -= 1;      getDiscountList(this); // ??????    }  }}

    ??????????????

    ??????????????????????????????????????

    computed: {  limitData() {    let data = [...this.table1Datas];    return data;  },  dataWithPage() {    const data = this.limitData;    const start = this.current * this.size - this.size;    const end = start + this.size;    return [...data].slice(start, end);  }},

    ????????????????

    ??????????????????????????????????

    ?????????????
    data() {  return {    // ??????...    data: {      pensionBase: '', // ?????      pensionPer: '0.08', // ?????      // ????????...    }  };},computed: {  newPensionBase() {    return this.data.pensionPer * this.data.basicSalary;  },  // ??????????...},watch: {  // ?????????...},
    ?????????
    computed: {  newaccumulationFundPer() {    let basicSalary = this.data.basicSalary;    if (basicSalary != null) {      switch (true) {        case basicSalary < 5000:          return 0;        case basicSalary >= 5000 && basicSalary < 80000:          return 0.03;        case basicSalary >= 8000 && basicSalary <= 17000:          return 0.1;        case basicSalary > 17000 && basicSalary <= 30000:          return 0.2;        case basicSalary > 30000 && basicSalary <= 40000:          return 0.25;        case basicSalary > 40000 && basicSalary <= 60000:          return 0.3;        default:          return 0.45;      }    }    return 0;  }},

    ??????

    ?????????????????????????????????????????????????????????????????????????????

    ????

    ??????????Vue.js???????????????????????????????????????????????????????????????????????????????????

    转载地址:http://zlcg.baihongyu.com/

    你可能感兴趣的文章
    Objective-C实现查找给定节点数的树中可能的二叉搜索树的数量树算法(附完整源码)
    查看>>
    Objective-C实现查找链表的中间元素算法(附完整源码)
    查看>>
    Objective-C实现样条插值(附完整源码)
    查看>>
    Objective-C实现根据cpu和磁盘序列号生成注册码( 附完整源码)
    查看>>
    Objective-C实现格雷码序列算法(附完整源码)
    查看>>
    Objective-C实现桥接模式(附完整源码)
    查看>>
    Objective-C实现检查一个数字是否可以被另一个数字整除算法(附完整源码)
    查看>>
    Objective-C实现检查一年是否是闰年算法 (附完整源码)
    查看>>
    Objective-C实现检查三个点在 3D 中是否共线算法(附完整源码)
    查看>>
    Objective-C实现检查字符串是否包含字母表中所有字母的算法(附完整源码)
    查看>>
    Objective-C实现检查字符是否为字母算法(附完整源码)
    查看>>
    Objective-C实现检查数字是否为偶数算法(附完整源码)
    查看>>
    Objective-C实现检查数字是否为奇数算法(附完整源码)
    查看>>
    Objective-C实现检查给定图中是否存在循环算法(附完整源码)
    查看>>
    Objective-C实现检查给定字符串是否在camelCase中算法(附完整源码)
    查看>>
    Objective-C实现检查给定的字符串是否在kebabcase中算法(附完整源码)
    查看>>
    Objective-C实现检查给定的字符串是否在snake_case中算法(附完整源码)
    查看>>
    Objective-C实现检查给定的字符串是否是扁平(全部小写)的算法(附完整源码)
    查看>>
    Objective-C实现检检查回文字符串(区分大小写)算法(附完整源码)
    查看>>
    Objective-C实现检测U盘的插入与拔出 (附完整源码)
    查看>>