简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
首頁 > web前端 > js教程 > 主體

監聽方法watch

php中世界最好的语言
發布： 2018-06-13 09:46:45
原創
2240 人瀏覽過

這次帶給大家監聽方法watch，使用監聽方法watch的注意事項有哪些，以下就是實戰案例，一起來看一下。

watch本身很容易理解, watch負責將視圖中的資料與某個函數關聯起來

當Vue視圖中的資料變化時, 關聯的函數會被執行




  
  监听方法watch的使用
  




  

  
登入後複製

對應一個對象，鍵是觀察表達式，值是對應回呼。值也可以是方法名，或是對象，包含選項。在實例化時為每個鍵調用 $watch() ;

//使用官方vue-cli脚手架书写
登入後複製

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

vue2實作購物車位址選配

jQuery做出上傳圖片時可優先本地預覽

#

以上是監聽方法watch的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
vue
來源：php.cn
上一篇：函數節流與分時函數使用步驟詳解 下一篇：Vue的UI元件庫自訂動態元件
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Vue 3 和 Vuetify 3 存取元件中的 SCSS/SASS 變數 我想在我的Vue3元件中使用預定義變數。 <template><divclass="roundedimg-container"><...
來自於 2023-11-17 13:52:29
0
1
293
Vue專案中未定義模組 我剛剛通過運行npmini tvue@latest創建了一個新的Vue應用程序，如官方文件中指定的那樣。然後我嘗試按照Vue和Vite網站上的指南將Tailwind添加到我的應用程...
來自於 2023-11-17 12:38:53
0
2
394
驗證表單中物件的欄位 - Vue 3 + Vee-validate + 是的 我有一個表單，其中某些欄位位於物件內：<scriptsetuplang="ts">...constschema:yup.SchemaOf<an...
來自於 2023-11-16 13:56:09
0
1
169
Vue 3 基於 Props 動態導入 我正在使用unplugin-icon創建一個圖標組件，通常情況下我可以導入例如//scriptimportIconCopyfrom'~icons/prime/copy'//temp...
來自於 2023-11-16 11:40:01
0
1
235
Vue 3 Composition API - 停用表單提交按鈕，直到滿足所有條件 我想停用表單提交按鈕，直到所有輸入欄位都已填寫且沒有錯誤。 <button:disabled="disabled"type="submit&qu...
來自於 2023-11-13 09:41:53
0
3
438
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！