詳解Vue2?watch監(jiān)聽props的值

更新時間：2023年12月09日 14:37:00 作者：iiiilooaixuud

再次遇到監(jiān)聽子組件收到父組件傳過來的值,如果這個值變化,頁面中的值發(fā)現(xiàn)是不會跟著同步變化的,本文給大家介紹Vue2?watch監(jiān)聽props的值,感興趣的朋友一起看看吧

再次遇到監(jiān)聽子組件收到父組件傳過來的值，如果這個值變化，頁面中的值發(fā)現(xiàn)是不會跟著同步變化的。所以監(jiān)聽props中的值，一直監(jiān)聽。

代碼：

 props: {
    start:{
       type: String,
    },
    end:{
       type: String,
    }
  },

    computed:{
     myStart:function(){
      return this.start
     },
          myEnd:function(){
      return this.end
     }
    },
      watch: {
    myStart:function(newVal){
      if(newVal){
        this.startTime=newVal
      }
      },
    myEnd:function(newVal){
      if(newVal){
        this.endTime=newVal
      }
      },
  },

到此這篇關(guān)于Vue2 watch監(jiān)聽props的值的文章就介紹到這了,更多相關(guān)Vue2 watch監(jiān)聽props的值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue 動態(tài)設(shè)置路由參數(shù)的案例分析
這篇文章主要介紹了Vue 動態(tài)設(shè)置路由參數(shù)的案例分析,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2018-04-04
vue基于element-ui的三級CheckBox復(fù)選框功能的實現(xiàn)代碼
最近vue項目需要用到三級CheckBox復(fù)選框，需要實現(xiàn)全選反選不確定三種狀態(tài)。這篇文章主要介紹了vue基于element-ui的三級CheckBox復(fù)選框功能的實現(xiàn)方法,需要的朋友可以參考下
2018-10-10
Vue項目中首頁長時間白屏的原因以及解決過程
這篇文章主要介紹了Vue項目中首頁長時間白屏的原因以及解決過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-01-01
Vue下的國際化處理方法
下面小編就為大家分享一篇Vue下的國際化處理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
在vue-cli中引入lodash.js并使用詳解
今天小編就為大家分享一篇在vue-cli中引入lodash.js并使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
全面總結(jié)Vue3.0的多種偵聽方式
Vue提供了一種更通用的方式來觀察和響應(yīng)當(dāng)前活動的實例上的數(shù)據(jù)變動:偵聽屬性,下面這篇文章主要給大家介紹了關(guān)于Vue3.0多種偵聽方式的相關(guān)資料,需要的朋友可以參考下
2021-10-10
教你60行代碼實現(xiàn)一個迷你響應(yīng)式系統(tǒng)vue
這篇文章主要為大家介紹了教你60行代碼實現(xiàn)一個迷你響應(yīng)式系統(tǒng)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR>
2023-03-03
Vue之讀取并解析ini文件中的內(nèi)容
這篇文章主要介紹了Vue之讀取并解析ini文件中的內(nèi)容,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
vue使用driver.js完成頁面引導(dǎo)功能的示例詳解
在Vue中,driver.js通常是指用于實現(xiàn)用戶引導(dǎo)和教程功能的JavaScript庫,它可以幫助開發(fā)者在應(yīng)用程序中創(chuàng)建交互式的引導(dǎo)和教程,以引導(dǎo)用戶了解應(yīng)用程序的不同功能和界面,本文就簡單的給大家介紹一下vue如何使用driver.js完成頁面引導(dǎo)功能
2023-08-08
vue如何加載本地json數(shù)據(jù)
這篇文章主要介紹了vue如何加載本地json數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04