Day7 计算属性 Computed

计算属性(Computed)
→为了让程序码更加方便理解与未来维护,因此使用计算属性

原始讯息:Hello World!
反转讯息:!dlroW olleH
https://ithelp.ithome.com.tw/upload/images/20210921/201400769Dhn0Hcxlo.png
https://ithelp.ithome.com.tw/upload/images/20210921/201400764PF2801ejY.png

  • Split() : 可以将字串分隔成阵列
  • Reverse() : 将阵列内的内容反转
  • Join() : 将内容转为字串

将它更改为
https://ithelp.ithome.com.tw/upload/images/20210921/20140076UsvHTLHZQF.pnghttps://ithelp.ithome.com.tw/upload/images/20210921/20140076EY85ZqZsyl.png

是否看起来更简洁了
Compute的一个特点就是暂存,每次使用到它的时候它就能将结果存起来,当给予的资料变更时才会更新

Get与Set
https://ithelp.ithome.com.tw/upload/images/20210921/20140076j3Y3CEcwFr.png

get在computed预设中,它只能读取而不能更改,但可以经由set来做写入更改
当输入fullName新的值时,这个新的值就会带入到fullName的set方法里面的newValue,当执行完後才会去执行get方法,最後get的值才回传fullName

今天介绍了计算属性(Computed),明天会来谈谈资料监听

参考资料: https://cythilya.github.io/2017/04/15/vue-computed/
https://www.coderbridge.com/series/bef169fb20024cafb8cdb32d5b2a0d3d/posts/ff3a967796784f9abfa1aa6451a18b48
https://zh.javascript.info/property-accessors


<<:  Day7 HTML 区块标签:div、span

>>:  rsync异地备份+排程自动化

Day 19 MMU 与 TLB

前言 前面几天提到了虚拟记忆体,以及一些关於实体记忆体与虚拟记忆体的映射方式,今天来讲讲两个重要的设...

Sass 连接词(&)基础介绍 DAY32

在介绍今天的内容之前 推荐一个不错的东西 那就是 CodePen啦 https://codepen....

WordPress 如何嵌入响应式 YouTube 影片

想要在 WordPress 上面播放影片,有 2 种方法。 第 1 种是直接上传影片档案,例如上传 ...

Day50. 范例:十二生肖

本文同步更新於blog 情境:玉皇大帝要举办渡河比赛,动物选手各显神通。 <?php na...

Python 演算法 Day 3 - 理论基础 微积分

Chap.I 理论基础 Part 2:微积分 1. Rate of Change 速度变化率 imp...