VueJs 2.0 - `props` परिवर्तनों के लिए कैसे सुनें

Question

VueJs 2.0 docs में मुझे props परिवर्तनों पर कोई भी हुक नहीं मिल सकता है।

क्या VueJs में ऐसे हुक हैं जैसे onPropsUpdated() या इसी तरह के?

अद्यतन

@wostex के रूप में सुझाव दिया, मैं अपनी संपत्ति लेकिन कुछ भी नहीं बदला watch की कोशिश की। तब मुझे एहसास हुआ कि मैं एक विशेष मामला है:

<template> 
    <child :my-prop="myProp"></child> 
</template> 

<script> 
    export default { 
     props: ['myProp'] 
    } 
</script> 

मैं myProp कि माता-पिता घटक child घटक को प्राप्त करता गुजर रहा हूँ। फिर watch: {myProp: ...} काम नहीं कर रहा है।

Answer 1

आप watch सहारा सहारा बदलाव होने पर कुछ कोड निष्पादित करने के लिए कर सकते हैं:

new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    text: 'Hello' 
 
    }, 
 
    components: { 
 
    'child' : { 
 
     template: `<p>{{ myprop }}</p>`, 
 
     props: ['myprop'], 
 
     watch: { 
 
     \t myprop: function(newVal, oldVal) { // watch it 
 
      console.log('Prop changed: ', newVal, ' | was: ', oldVal) 
 
     } 
 
     } 
 
    } 
 
    } 
 
});

<script src="https://unpkg.com/vue/dist/vue.js"></script> 
 

 
<div id="app"> 
 
    <child :myprop="text"></child> 
 
    <button @click="text = 'Another text'">Change text</button> 
 
</div>

Answer 2

सुनिश्चित नहीं हैं कि आप इसे हल कर ली है, तो (और अगर मैं सही ढंग से समझ), लेकिन यहाँ मेरा विचार है:

अगर माता-पिता को मेरीप्रॉप प्राप्त होती है, और आप इसे बच्चे को पास करना चाहते हैं और इसे बच्चे में देखना चाहते हैं, तो माता-पिता को myProp (संदर्भ नहीं) की प्रतिलिपि रखना होगा।

इस प्रयास करें:

new Vue({ 
    el: '#app', 
    data: { 
    text: 'Hello' 
    }, 
    components: { 
    'parent': { 
     props: ['myProp'], 
     computed: { 
     myInnerProp() { return myProp.clone(); } //eg. myProp.slice() for array 
     } 
    }, 
    'child': { 
     props: ['myProp'], 
     watch: { 
     myProp(val, oldval) { now val will differ from oldval } 
     } 
    } 
    } 
} 

और html में:

<child :my-prop="myInnerProp"></child> 

वास्तव में आप जब ऐसी स्थितियों में जटिल संग्रह पर काम कर बहुत सावधान रहना होगा (कुछ समय के नीचे गुजर)