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準備好了嗎？

在線咨詢

上一篇：新聞直播：在線直播的下一個熱點？
下一篇：PDF.JS與FlexPaper在線顯示文檔

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

VUE簡單入門基礎教程（八）Watch屬性

例

您的項目需求