整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

VUE简单入门基础教程(八)Watch属性

VUE简单入门基础教程(八)Watch属性

本章中,我们将了解Watch属性。通过示例,我们将看到可以在VueJS中使用Watch属性。

<html>
   <head>
      <title>VueJs Instance</title>
      <script type="text/javascript" src="js/vue.js"></script>
   </head>
   <body>
      <div id="computed_props">
         Kilometers : <input type="text" v-model="kilometers">
         Meters : <input type="text" v-model="meters">
      </div>
      <script type="text/javascript">
         var vm=new Vue({
            el: '#computed_props',
            data: {
               kilometers : 0,
               meters:0
            },
            methods: {
            },
            computed :{
            },
            watch : {
               kilometers:function(val) {
                  this.kilometers=val;
                  this.meters=val * 1000;
               },
               meters : function (val) {
                  this.kilometers=val/ 1000;
                  this.meters=val;
               }
            }
         });
      </script>
   </body>
</html>

在上面的代码中,我们创建了两个文本框,一个带有km,另一个带有meter。在data属性中,km和meter初始化为0。创建了一个具有两个功能km and meter的watch对象。在这两个功能中,都完成了从公里到米以及从米到公里的转换。

当我们在任何一个texbox中输入值时,无论哪个被更改,Watch都会更新两个文本框。我们不必专门分配任何事件,也不必等待事件发生变化并进行额外的验证工作。Watch负责使用在各个功能中完成的计算来更新文本框。

让我们看一下浏览器中的输出。

让我们在“公里”文本框中输入一些值,然后在“米”文本框中看到它的变化,反之亦然。

现在让我们在“米”文本框中输入内容,然后在“公里”文本框中看到它的变化。这是在浏览器中看到的显示。

T之家2月15日消息 今天,小米穿戴iOS版客户端迎来了v1.1更新,终于新增支持了小米手表和小米手表Color设备,另外还修改了部分体验上的Bug,优化了设备配对过程中的交互体验。

小米手表采用1.78英寸AMOLED方形屏幕,44mm表盘像素密度为326PPI,支持长亮微光模式,拥有标准版和尊享版两个版本。

小米手表采用四曲面玻璃镜面设计,配备铝合金磨砂表框,拥有陶瓷后盖与氟橡胶材质表带,内置全功能eSIM芯片,支持独立接打电话和上网,支持联通、移动、电信三大运营商。

IT之家报道,小米手表搭载高通骁龙可穿戴旗舰处理器3100 4G版,支持独立WiFi、独立蓝牙,多功能NFC等配置。内置570mAh大容量电池,36小时续航;预装开放生态的手表操作系统MIUI For Watch,提供100款品质表盘主题、能下载App;支持自定义表盘,喜欢的功能、照片都可设置为表盘。

IT之家此前报道,小米手表Color于1月初推出,采用圆形表盘,搭载1.39英寸AMOLED屏幕,分辨率为454 x 454,支持蓝牙BLE 5.0,电池容量420mAh,支持NFC百城公交与绑定门禁,内置小爱同学,抬腕便可控制智能家居。

有不到一个月的时间,4月24日Apple Watch就将在全球正式发售。为了抢先争夺下一个即将爆发的智能应用市场,许多应用开发商已经做好了充足的准备。除去早前第一时间宣布完成开发的支付宝外,今日很多知名应用也已经完成更新,并加入了Apple Watch支持。

一大波应用迎来更新,支持Apple Watch

目前已经更新添加Apple Watch支持的应用包括印象笔记、Dark Sky、Things 、Target、微信、支付宝等。按苹果公司官方公布的时间表来看,更多支持Apple Watch的应用很快便会上架App Store,届时苹果还将推出全新的Apple Watch App专区。现在就让我们通过这些Apple Watch应用大概了解Apple Watch的功能吧。

印象笔记:

软件名称:印象笔记
软件版本:7.6.6
软件大小:63.50MB
软件授权:免费
适用平台:Touch iPhone iPad
下载地址:http://dl.pconline.com.cn/download/161144.html

根据印象笔记的更新描述显示,用户可以通过Apple Watch听写笔记,自动转文字并同步到印象笔记,查看最近创建、更新或浏览的笔记,设置提醒并接收通知。

Dark Sky:

软件名称:Dark Sky
软件版本:2.0
软件大小:39.60MB
软件授权:收费
适用平台:Touch iPhone iPad
下载地址:http://dl.pconline.com.cn/download/359820.html

Dark Sky天气应用可以让用户使用Apple Watch查看天气。同时应用还经过了全新设计,专门为App Store小屏幕优化。

微信:

软件名称:微信苹果版
软件版本:6.1.3
软件大小:66.00MB
软件授权:免费
适用平台:Touch iPhone iPad
下载地址:http://dl.pconline.com.cn/download/161616.html

现在可以在Apple Watch上使用微信了。用户可以在Apple Watch上接收朋友的消息并快速回复,并且在Apple Watch上还可以浏览朋友圈,不会错过任何一条信息。同时用户可以在Apple Watch上通过“雷达加朋友”添加新朋友。

支付宝:

软件名称:支付宝钱包
软件版本:IOS版 8.5.6.031801
软件大小:86.50MB
软件授权:免费
适用平台:Touch iPhone iPad
下载地址:http://dl.pconline.com.cn/download/161158.html

支付宝是最早配适Apple Watch的应用之一,在Apple Watch版支付宝中,将带来全新支付体验;同时转账界面也更换了全新的界面;新增我的朋友,发现不一样的沟通方式;新增股票资产查询,赢定股掌之间。

Sky Guide-星象指南:

软件名称:Sky Guide
软件版本:4.2.1
软件大小:103.00MB
软件授权:收费
适用平台:Touch iPhone iPad
下载地址:http://dl.pconline.com.cn/download/149465.html

知名的Sky Guide应用现在也可用于Apple Watch!通过Apple Watch,用户可以查看日历,了解即将发生的天文事件:包括满月、流星雨、日食和月食等等。 当您所在位置的上空即将发生某个天文事件时,Sky Guide可以通过Apple Watch向您发送通知。甚至还会提醒您国际空间站将在什么时候从头顶飞过——以让您向其中一名宇航员发送推文。

软件名称:Apple Store
软件版本:3.2.0
软件大小:27.00MB
软件授权:免费
适用平台:Touch iPhone iPad
下载地址:http://dl.pconline.com.cn/download/143917.html

Apple Watch将于4月10日开始接受预定,并于4月24日正式上市开售,中国地区也在首发的国家之列。届时用户可以通过苹果网上商店或者前往苹果直营店购买,同时前往直营店购买的顾客,可以享受15分钟的试戴,以便选择最适合自己的款式。Apple Watch此次共发售三个款式,同时价格从2588元至126800元不等。Apple Watch应用准备好了,你的Apple Watch准备好了吗?