VUE computed 计算属性本来的样子

本文深入解析计算属性的特点,包括其依赖监视机制、缓存更新策略及完整写法。通过实例展示了如何利用计算属性简化代码,提高性能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

计算属性的特点

  • 计算属性可以对计算属性依赖的属性进行监视;
  • 计算属性基于相关依赖进行更新,只有相关依赖发生改变时才更新;
  • 基于上一条,因此计算属性有缓存,只要相关依赖不发生改变,多次访问计算属性return的值是之前缓存的值,不会多次执行;

计算属性的完整写法

常用写法

    data () {
        return {
            firstName: 'natsume',
            lastName: 'takashi'
        }
    },
    computed: {
        fullName () {
            return this.firstName + ' ' + this.lastName
        },
    },

完整写法:

    computed: {
        fullName: {
            set: function (newVal) {
                this.firstName = newVal
            },
            get: function () {
                return this.firstName + ' ' + this.lastName
            }
        }
    },

正常情况下,不能给计算属性赋值,既计算属性为只读属性,若使用完整写法,在计算属性中修改计算属性相关依赖的值,计算属性也会重新计算,但是不可在计算属性的set方法中直接给计算属性赋值,会造成死循环,堆栈溢出报错;

若省略计算属性的set可简写为:

    computed: {
        fullName: {
            get: function () {
                return this.firstName + ' ' + this.lastName
            }
        }
    },

因为大多数情况下都不需要设置set,因此可以进一步简写:

    computed: {
        fullName: function () {
            return this.firstName + ' ' + this.lastName
        }
    },

采用ES6的写法既是常用写法:

    computed: {
        fullName () {
            return this.firstName + ' ' + this.lastName
        }
    },
### 如何为小米路由器OpenWRT #### 准备工作 为了成功地将OpenWRT入到小米路由器中,需提前准备好必要的工具和软件。这包括但不限于一台电脑用于操作、一根网线连接至路由器以及确保拥有最新的Breed固件版本和支持的小米路由器型号列表[^1]。 #### 开启Telnet服务 通过特定命令或按钮激活隐藏模式下的telnet功能对于后续步骤至关重要。通常情况下,在浏览器地址栏输入`http://miwifi.com`进入管理界面后找到对应的选项来启用此特性;而对于某些特殊机型,则可能需要借助第三方应用或者按照官方文档指示完成设置过程[^2]。 #### 使用FTP上传文件 一旦开启了上述提到的服务之后就可以利用FTP客户端把breed.bin或者其他所需的镜像放置于设备内部存储空间当中去了。这里推荐使用FileZilla这类简单易用的应用程序来进行传输作业,并确认好目标路径是否正确无误[^3]。 #### 写Breed引导程序 当所有准备工作都已就绪之时便可以着手处理最核心的部分——即替换原有的bootloader部分为更加灵活可控的新版breed了。具体做法是在断电状态下按住reset键不放直到电源灯亮起再松手即可自动加载新安装好的环境。 #### 完成OpenWRT系统的部署 最后一步就是正式向flash芯片灌输openwrt.img映像包从而彻底改变原有操作系统架构成为基于Linux内核构建而成的强大网络平台之一。值得注意的是整个过程中要保持稳定供电以免造成不可逆损坏风险存在。 ```bash # 示例代码:通过TFTP服务器发送OpenWRT固件给路由器 tftp -l openwrt-trx-factory.bin -r /dev/mtdblock4 192.168.1.1 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值