理解计算属性等

news2024/9/26 3:21:02

计算属性

计算属性的作用是将写在computed内的写了对应的属性名,属性值都是函数,将这属性值的函数调用之后的返回值赋给属性名的变量。因此其实计算属性内的是值,不是方法,因此写插值等语句是只是写变量,而不是调用。且与方法不同,写了多个方法名调用需要调用多次,计算属性只是变量。但是计算属性的返回值与哪些响应式变量有关,则这些改变,就会重新调用属性值的函数赋给计算属性。

因此如果是只是为了用计算属性的值,无需用方法的放回值,但是如果是为了方法内的不走的代码,则用方法。

计算属性的不同点

计算属性与其他等不同之处在于。当除却是与之相关的响应式数据改动了计算属性的值,其他的属性值当改变值是响应式会渲染页面。但是其他的属性值改变没有条件,这里计算属性如果需要改变赋值,需要些set函数。计算属性

完整写法当中,计算属性名,的属性值是对象,对象的set方法,和get方法的返回值。在new Vue给实例对象赋了这么一个变量,但是修改前访问是否有set方法,内存当中。如果计算属性值只是函数,则只代表get而没有set。当判断计算属性值没有set,则只是一个变量,否则,则将这个计算属性值为对象,对象内有set,get方法,当在模板语句钟些的是变量,则自动去调用对象的get方法。只有get方法,则变量定义为只读,有set方法的为可读可改。使得改这个属性值和读这个属性值,都不去该变量,而是去执行get和set方法,如果只是获取计算属性值只是get方法内的返回值,改也不是改变对象,只是去执行ser方法。

监听属性watch

监听属性watch,属性值是对象,对象内的属性名是需要监听的变量,监听可以监听除却方法外的,属性值是当监听到值变化,则会调用的函数,且函数第一个是新值,第二个是旧值。这个其实和数据响应式一样啊,响应式也是监听数据变,去更新页面,这不过是执行函数。先执行函数,再去更新页面。

watch和响应式一样,响应式是对于所有的数据,包括计算属性,但是计算属性改变,访问是对象的get,修改也不是对象修改的值,而是去执行set。

完整写法

监听属性的属性值可以写函数/对象,对象则找handle的属性值,也可也在对象内些deep:true/false

是怎么样算这个变量改变了,deep:true是对象内的属性改变了也算。deep:false只有这个对象的地址/值。响应式是深的,以及这个watch内的监听属性的函数,可以new Vue前先执行一次。

这些判断true的都是可以些任意类型的会转成布尔来看。immediate会立刻在vue的时候执行,给window对象的console对象内赋值,当打开浏览器时,window会改变此刻的浏览器的值。

生命周期函数和钩子函数

vue实例的生命周期

八个钩子函数

八大钩子函数

       前面的四个阶段,其实就是执行这些步骤的一个时间点

而如果在new vue的参数的对象钟写这几个属性名,会在执行这四个阶段前,先执行函数。

在mounted之后,页面已经有了响应式数据渲染的页面,此刻可以修改响应式数据,等,之前修改没有改的效果

Create可以发送异步请求,因为异步请求后的数据有可能赋给响应式的数据,因此得有才行。

在销毁之前可以先销毁一些不会再用的宏任务队列内的。如定时器等。

这两个两个队列的都是在事件发生前一定会执行的函数,在事件发生后执行的。在实例内写了这几个函数,会先在阶段前去执行。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1533633.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

电气接点在线测温解决方案--ARTM电气接点在线测温装置

ARTM系列电气接点在线测温装置适用于高低压开关柜内电缆接头、断路器触头、刀闸开关、高压电缆中间头、干式变压低压大电流等设备的温度监测,防止在运行过程中因氧化、松动、灰尘等因素造成接点接触电阻过大而发热成为安全隐者、患,提高设备安全保障&…

Linux 磁盘的一生

注意:实验环境都是使用VMware模拟 ​ 磁盘接口类型这里vm中是SCSI,扩展sata,ide(有时间可以看看或者磁盘的历史) ​ 总结:磁盘从有到无—类似于建房子到可以住 ————————————————————————————————————…

【MyBatis】in根据查询的顺序返回结果

目标效果:根据in中元素的顺序返回结果 查询id为(2,4,1,3)的数据,并按此顺序返回 第一次尝试 select id, name from tb_shop where id in (2, 4, 1, 3);期待效果 实际效果 正确的语句 select …

Chrome浏览器扩展插件开发

manifest.json: {"manifest_version": 3,"name": "ChatGPT学习","version": "0.0.1","description": "ChatGPT,GPT-4,Claude3,Midjourney,Stable Diffusion,AI,人工智能,AI","icons": {&quo…

Effect:由渲染本身引起的副作用

React 组件中的两种逻辑类型: 渲染逻辑代码 位于组件的顶层,接收 props 和 state,进行转换,返回屏幕上看到的 JSX,只计算不做其他任何事情;事件处理程序 嵌套在组件内部的函数,由特定的用户操作…

一句命令解决huggingface.co无法下载模型问题

血来潮从github上下载的模型,在运行demo点批发的时候,发现大模型并不能直接从huggingface上直接下载,这是因为众所周知的网络问题。 其实只要一句命令就可以解决这个问题。 export HF_ENDPOINThttps://hf-mirror.com修改HF_ENDPOINT系统变量…

极客早报第3期:罗斯否认插足凯特王妃婚姻;清明放假调休3天;国产伟哥去年销售近13亿

一分钟速览新闻点! 每日简报 罗斯否认插足凯特王妃婚姻清明放假调休3天国产伟哥去年销售近13亿男子持台球杆殴打2名女店员被抓今日春分淀粉肠小王子带货日销售额涨超10倍[高中生被打伤下体休学 邯郸通报](https://www.baidu.com/s?wd高中生被打伤下体休学 邯郸通报…

表的约束【mysql数据库】

表中一定要有各种约束,通过约束来保证未来插入表格的数据是符合预期的。约束本质是通过技术手段倒闭程序员插入正确的数据。反过来,站在mysql视角,插入进来的数据,都是符合数据约束的。 约束的最终目标:保证数据的完整…

腾讯云优惠券、代金券、折扣券领取方法及使用教程

腾讯云作为国内领先的云计算服务提供商,一直致力于为广大用户提供高效、稳定、安全的云服务。为了吸引用户上云,腾讯云经常推出各种优惠活动,其中就包括腾讯云优惠券。下面小编将详细介绍腾讯云优惠券的相关信息,包括种类、领取入…

力扣---完全平方数

思路: 还是比较好想的,g[i]定义为和为 i 的完全平方数的最少数量。那么递推关系式是g[i]min(g[i-1],g[i-4],g[i-9],...)1,数组初始化是g[0]0,g[1]1。注意这里要对g[0]初始化,(举个例子)因为在遍历到g[4]时&…

算法系列--递归

一.如何理解递归 递归对于初学者来说是一个非常抽象的概念,笔者在第一次学习时也是迷迷糊糊的(二叉树遍历),递归的代码看起来非常的简洁,优美,但是如何想出来递归的思路或者为什么能用递归这是初学者很难分析出来的 笔者在学习的过程中通过刷题,也总结出自己的一些经验,总结来…

[数据集][目标检测]高质量铁路轨道缺陷检测数据集VOC+YOLO格式1050张6类别

数据集格式:Pascal VOC格式YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数):1050 标注数量(xml文件个数):1050 标注数量(txt文件个数):1050 标注…

Altair CFD™ 无比宽广的 CFD 仿真解决方案范围

Altair CFD 提供了一套全面的工具来解决流体力学问题。无论您是要对建筑物进行热分析、预测车辆空气动力学、优化齿轮箱加油、降低冷却风扇噪音还是开发创新医疗设备,Altair CFD 都可以提供帮助。 提供多种方法,包括: 用于热和通用应用的通…

公职人员上班时间看股票,该不该上纲上线?

公职人员炒股是一个复杂的问题,需要综合考虑多方面的因素。首先,炒股作为一种个人投资行为,本身并不违法,但在特定情况下,公职人员参与股市投资可能会引发一些问题和争议。 对于公职人员炒股,关键是要确保其…

vue@2.7.16 使用less、less-loader

遇到问题,npm install less-loader7.3.0 --save安装好less-loader后,执行npm run serve 项目运行不起来,排查后发现在安装less-loader后就提示需要安装less,正确的安装应如下: npm install less less-loader7.3.0 --sa…

docker实践教程,mysql中使用自定义目录实现数据挂载(二)

有一些知识点在docker实践教程,nginx中使用数据卷映射修改前端网页(一),就不累述了。 下载mysql的镜像 docker pull mysql创建容器 先去Docker Hub看看mysql是怎么使用的 可知,运行命令为:(…

vue-admin-template极简的 vue admin 管理后台的动态路由实现方法

项目源码地址:GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template 注意:项目中的路由均写在 src\router\index.js 中,其中默认包含 constantRoutes 数组,这是固定路由,无论用户是什么角色&…

数据结构从入门到精通——冒泡排序

冒泡排序 前言一、冒泡排序的基本思想二、冒泡排序的特性总结三、冒泡排序的动画演示四、冒泡排序的具体代码test.c 前言 冒泡排序是一种简单的排序算法,通过重复遍历待排序数列,比较相邻元素的大小并交换位置,使得每一轮遍历后最大&#xf…

ubuntu内存不足,用Swap扩展增加虚拟内存

Linux增大Swap分区,可以增加虚拟内存,以解决电脑卡机,内存不足等问题 top可以查看cpu的使用情况 lscpu可以查看本机配置的cpu硬件情况 查看内存使用情况 free -h (下面显示"交换"或者Swap等字样说明系统已经启动了Swap&#xff…

EMC Unity存储系统(包含VNXe)常用检查命令

DELL EMC的Unity存储系统,包括VNXe存储系统的OS已经完全和Clariion 的VNX不同了,近期遇到很多关于EMC unity存储系统故障的一些初步检查需求,下面是一些对于DELL EMC Unity存储系统的最常用的底层检查命令,可以对系统故障有个初步…