Day9 Vue Watch & Computed

昨天我们已经看到了computedmethod了今天的话已是一个非常好用的属性Watch,那它能干什麽呢?

Watch是什麽?

Watch可以说是让我们监视某个值,当这个值变动的时候,就去做某些事情。
现在我们直接用程序连介绍watch吧!

一开始我们先在data里去设firstName与lastName,然後在watch里去监听这两笔资料,当其中一笔资料被更动时就会执行里面的函数,切记data里的资料名称要和watch里监听的名称要一样喔。

这里我们运用到了v-bind这个属性,这属性会在之後提到先拿来用就好。

大概写完後我们就可以开网页来看看,没写错的话应该会跑出你自己data预测的内容。

接下来呢,要是我们去改动firstName或lastName的资料就会发现console会跑出fullName的资料,这是因为watch所监听的资料有被改动所以它会一直去执行所对应的程序喔。

computed与今天的watch比较起来computed必不需要预先订好初始资料(fullName)写法也较watch更为简便,可是相对computed而言,watch用来观察资料变动较唯有优势。

今天就先到这了,明天见~


<<:  Flutter基础介绍与实作-Day9 Hello Flutter(3)

>>:  资产盘点 - 机关资通系统与服务资产清册

Day 29 - Android Studio 这几天以来的统整

Day 29 - Android Studio 这几天以来的统整 离我们铁人完赛只剩一天了,我今天就...

[D07] OpenCV 基本的影像调整

我们已经掌握了基本的影像读取、显示以及显示,但不是每张照片都刚刚好是我们想要的样子,所以接下来,来看...

Day-07 说明Ruby 的include, extend,require差别?

Ruby 里面有多种引入 Module 方式,他们的差别是什麽呢? Include: 当一个 cla...

day19_Windows ARM 的文书工作之旅

Windows ARM 的最佳应用 ARM 具备高续航力与低耗电低发热的特性,虽然效能普遍而无法与 ...

#7 - The Node Event Emitter

延续昨天的 module 课题。其实 Module 除了可以自订之外(像我们昨天的 stuff ),...