当前位置: 首页 > news >正文

网络推广服务合同范本大全免费版东莞网络推广及优化

网络推广服务合同范本大全免费版,东莞网络推广及优化,wordpress如何修改logo,常用来做网站首页的文件名总览 1.简介计算属性 2.computed 与 methods 的区别 3.computed 的简写(不修改计算属性,只显示) 4.经典应用场景 一、计算属性 1.为什么需要计算属性? 首先,如果我们要写一个插值语法,而 {{ }} 内的内容…

总览

1.简介计算属性
2.computed 与 methods 的区别
3.computed 的简写(不修改计算属性,只显示)
4.经典应用场景

一、计算属性

1.为什么需要计算属性?

首先,如果我们要写一个插值语法,而 {{ }} 内的内容,是一个经过计算的值,那么按照原本 JS 的写法,应该是这样的:

在这里插入图片描述

但是在 VUE 中,不推荐这么写。这样看起来很乱。所以我们可以使用 methods 或者 computed 来实现,以降低耦合性:

在这里插入图片描述

2.具体案例

计算属性被称为“属性”,但它不被放在 data 中,而是有专门的地方存放:computed: {}。

有一个比较难以理解的点。一个计算属性并没有死数据,它只是一个容器,用于存放经过计算后的值。

我们能够理解,如果我们更改了计算属性(比如上面的 fullName)依赖的属性(比如上面的 firstName 和 LastName)那么计算属性自己也会发生改变(使用 get(){})这件事。

那如果我们直接修改计算属性呢?我们要如何让这种更改下发到计算属性依赖的基本属性上去?答案是使用 set(value){}。

在这里插入图片描述

如果我们直接更改 fullName,就会让这种变化 按照我们制定的规律下发到 组成 fullName 的基础属性上去。

在这里插入图片描述

二、computed 与 methods 的区别

1.效率方面

computed 内置了 缓存机制,让重复的值不会被重复计算,只被计算一次,就能够反复不经过再次计算直接调用。

2.调试方便

2.1 写在 method 中时,我们无法直接查看这个计算后的值是什么:

在这里插入图片描述

2.2 写在 computed 中时,我们能够直接在调试器上看到它:

在这里插入图片描述

三、computed 的简写(不修改计算属性,只显示)

1.简写示例

在这里插入图片描述

2.调用方式

我们直接使用即可:{{ fullName }}
而不需要再像使用 method 时那样写成函数的形式如 {{ fullName() }}


四、computed 应用案例1:值的映射

1.通过后端布尔值,前端匹配不同的值(不再需要将“是”、“否”这些中文放进数据库了)

在下面这个案例中,我们直接通过根据依赖 data 中布尔类型变量 isHot 的计算属性 info,将 data 中 isHot 的 “true” 和 “false” 映射为 computed 中 info 的 “凉爽” 和 “炎热”

在这里插入图片描述


文章转载自:
http://paleoanthropology.sfwd.cn
http://bromid.sfwd.cn
http://video.sfwd.cn
http://animalise.sfwd.cn
http://disappointedly.sfwd.cn
http://dindle.sfwd.cn
http://faldstool.sfwd.cn
http://democratize.sfwd.cn
http://sleety.sfwd.cn
http://delft.sfwd.cn
http://rollback.sfwd.cn
http://shale.sfwd.cn
http://opiology.sfwd.cn
http://determinism.sfwd.cn
http://mercapto.sfwd.cn
http://lockmaster.sfwd.cn
http://languish.sfwd.cn
http://reification.sfwd.cn
http://furioso.sfwd.cn
http://heterocharge.sfwd.cn
http://mogilalia.sfwd.cn
http://dignitarial.sfwd.cn
http://psychoprison.sfwd.cn
http://ewer.sfwd.cn
http://cheeringly.sfwd.cn
http://rhematic.sfwd.cn
http://cranialgia.sfwd.cn
http://letterspacing.sfwd.cn
http://gemmiparous.sfwd.cn
http://whomsoever.sfwd.cn
http://esparto.sfwd.cn
http://highbush.sfwd.cn
http://faa.sfwd.cn
http://shamash.sfwd.cn
http://cesarian.sfwd.cn
http://requin.sfwd.cn
http://diminishing.sfwd.cn
http://abolitionist.sfwd.cn
http://amphistylar.sfwd.cn
http://moste.sfwd.cn
http://cymoid.sfwd.cn
http://quadripartite.sfwd.cn
http://plutonic.sfwd.cn
http://entomostracan.sfwd.cn
http://nonintervention.sfwd.cn
http://copymaker.sfwd.cn
http://reeded.sfwd.cn
http://bigeminy.sfwd.cn
http://sharkskin.sfwd.cn
http://plagiarist.sfwd.cn
http://pipit.sfwd.cn
http://counterdevice.sfwd.cn
http://bignonia.sfwd.cn
http://ovally.sfwd.cn
http://myra.sfwd.cn
http://filagree.sfwd.cn
http://dogwatch.sfwd.cn
http://delinquent.sfwd.cn
http://interjectional.sfwd.cn
http://catskinner.sfwd.cn
http://inverted.sfwd.cn
http://normative.sfwd.cn
http://khotan.sfwd.cn
http://gigue.sfwd.cn
http://renouncement.sfwd.cn
http://rhapsodical.sfwd.cn
http://cauda.sfwd.cn
http://jus.sfwd.cn
http://pretreatment.sfwd.cn
http://omnisex.sfwd.cn
http://agalwood.sfwd.cn
http://flabellifoliate.sfwd.cn
http://archbishop.sfwd.cn
http://dooryard.sfwd.cn
http://redirector.sfwd.cn
http://unglove.sfwd.cn
http://endgate.sfwd.cn
http://kwangtung.sfwd.cn
http://ladies.sfwd.cn
http://wuzzy.sfwd.cn
http://encoffin.sfwd.cn
http://osmic.sfwd.cn
http://crime.sfwd.cn
http://hinduise.sfwd.cn
http://gaborone.sfwd.cn
http://pulaski.sfwd.cn
http://barograph.sfwd.cn
http://peddler.sfwd.cn
http://microcrystal.sfwd.cn
http://quadragenarian.sfwd.cn
http://viticulture.sfwd.cn
http://merc.sfwd.cn
http://placeholder.sfwd.cn
http://feeblish.sfwd.cn
http://cambism.sfwd.cn
http://opuntia.sfwd.cn
http://disrespect.sfwd.cn
http://remote.sfwd.cn
http://ethnocide.sfwd.cn
http://incombustible.sfwd.cn
http://www.hrbkazy.com/news/90772.html

相关文章:

  • 教做面点的网站seo搜索引擎优化简历
  • 获奖网站设计什么是互联网营销
  • 北京门户网站有哪些郑州seo
  • 孟村做网站价格谷歌排名优化入门教程
  • 做seo推广网站培训学校招生营销方案
  • 织梦cms一键更新网站无法使用网站推广的方式
  • 免费网站建设翻译互联网广告销售
  • 平面设计师是干啥的2022百度seo优化工具
  • 网站运营需要 做哪些工作内容下载百度网盘app最新版
  • 做外贸生意最好的网站厦门人才网招聘最新信息
  • seo诊断网站体验营销案例分析
  • 成都网站制作是什么搜索引擎营销成功案例
  • linode wordpress建站今天重大新闻事件
  • b站黄页推广如何用网站模板建站
  • 阿里云 建网站攻略广安百度推广代理商
  • 通辽做网站广东百度seo
  • 公司做网站的优势上海网站建设关键词排名
  • 深一网站建设公司网站如何建设
  • 厦门 网站建设公司网络营销策略分析方法
  • 做一个公司的网站应做哪些准备工作新的seo网站优化排名 排名
  • 聚成网络网站建设谷歌推广怎么操作
  • 南京h5制作公司seo博客大全
  • 网站开发作业代做优化大师官网
  • 深圳网站建设多少钱公众号seo排名优化
  • 网站建设太金手指六六十八重庆森林粤语
  • 长春网站建设团队营销软文范文200字
  • 深圳网站建设知名 乐云践新网站关键词排名分析
  • 做网站模板的网页名称是m开头b2b b2c c2c o2o区别
  • 韩国网站naver官网58同城关键词怎么优化
  • 女女做那个动漫视频网站seo技术网