Vue.Js中的$watch()方法總結

更新時間：2017年03月23日 11:22:26 作者：lemon678

這篇文章主要給大家介紹了在Vue.Js中的$watch()方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。

前言

最近公司用vue框架寫交互，之前沒怎么寫過，但是很多數(shù)據(jù)雙向綁定的東東跟angular很像！所以上手很快！哈哈

翻了半天api最后換了$watch()方法，才搞定這個需求，我梳理了方法如下，$watch()某個值（雙向綁定）的變化，一旦發(fā)生變化，就調用引號里的方法，從而達到change事件的效果?。?/p>

示例代碼

var v_assetManage_controller = new Vue({ 
 el: '.LSee-index', 
 data: { 
  trendQueryTimeCtr: { 
   startTime: '', 
   endTime: '' 
  } 
 }, 
 ready: function() { 
  // 
 }, 
 methods: { 
  queryTrendData: function(){ 
   //do some here 
  } 
 }, 
 watch: { 
  'trendQueryTimeCtr.startTime': 'queryTrendData', 
  'trendQueryTimeCtr.endTime': 'queryTrendData' 
 } 
 
});

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家學習或者使用vue.js能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

vue實現(xiàn)頁面加載動畫效果
這篇文章主要為大家詳細介紹了vue實現(xiàn)頁面加載動畫效果，vue頁面出現(xiàn)正在加載的初始頁面與實現(xiàn)動畫效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-09-09
vue?vue-touch移動端手勢詳解
這篇文章主要介紹了vue?vue-touch移動端手勢詳解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-03-03
關于vue-color-顏色選擇器插件
這篇文章主要介紹了關于vue-color-顏色選擇器插件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
vue 返回上一頁,頁面樣式錯亂的解決
今天小編就為大家分享一篇vue 返回上一頁,頁面樣式錯亂的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
vue之使用vuex進行狀態(tài)管理詳解
這篇文章主要介紹了vue之使用vuex進行狀態(tài)管理詳解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue打包添加gzip配置項方式
這篇文章主要介紹了vue打包添加gzip配置項方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
Vue前端項目部署IIS的實現(xiàn)
這篇文章主要介紹了Vue前端項目部署IIS的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-01-01
vue+d3js+fastapi實現(xiàn)天氣柱狀圖折線圖餅圖的示例
本文主要介紹了vue+d3js+fastapi實現(xiàn)天氣柱狀圖折線圖餅圖的示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
2025-04-04
Vue發(fā)送ajax請求方法介紹
這篇文章介紹了Vue發(fā)送ajax請求的方法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-01-01
vue實現(xiàn)下拉菜單效果
這篇文章主要為大家詳細介紹了vue實現(xiàn)下拉菜單效果，運用了hover顯示與隱藏以及定位，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-09-09