Vue: उत्थापन-अप vnode - अनंत लूप चेतावनी

को निर्मित 15 सित॰ 2017 · 3टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.4.4

प्रजनन लिंक

http://jsfiddle.net/vjvMp/2019/

प्रजनन के चरण

घटकों का सटीक लेआउट JSFiddle में है। घटकों का संयोजन किसी कारण से बहुत नाजुक है जो मुझे लगता है कि यह एक बग है। उदाहरण के लिए, यदि मैं सबसे शीर्ष layout घटक को हटा देता हूं जो कोड को प्रभावित नहीं करना चाहिए, तो चेतावनी गायब हो जाती है: http://jsfiddle.net/vjvMp/2020/

क्या अपेक्षित है?

बच्चे पर स्लॉट के लिए माता-पिता तक फहराया जाए और बिना किसी समस्या के बच्चे के ऊपर प्रदान किया जाए।

वास्तव में क्या हो रहा है?

बच्चा प्रदान किया जाता है लेकिन एक अनंत अद्यतन लूप चेतावनी है।

स्रोत

privatenumber

सबसे उपयोगी टिप्पणी

आप data से API वापस कर रहे हैं, इससे api ऑब्जेक्ट प्रतिक्रियाशील हो जाता है
जब आप vnodes को API में सेट करते हैं जो Vue को vnode को बदलने का प्रयास करता है
2.4.3 स्लॉट नोड्स में अब कुछ बग्स को ठीक करने के लिए री-रेंडर पर डीप-क्लोन किया जाता है, इससे रेंडर फंक्शन पूरे vnode को रिएक्टिव डिपेंडेंसी के रूप में पंजीकृत करता है, इसलिए vnode को म्यूट करने से री-रेंडर ट्रिगर होता है।

अभी के लिए आपका समाधान या तो Object.freeze vnode हो सकता है या एपीआई इंजेक्शन को प्रतिक्रियाशील न बनाएं।

yyx990803 15 सित॰ 2017

👍4

सभी 3 टिप्पणियाँ

कोड v2.4.2 पर काम कर रहा था; ऐसा लगता है जैसे इसे v2.4.3.1 पर पेश किया गया था।

privatenumber 15 सित॰ 2017

आप data से API वापस कर रहे हैं, इससे api ऑब्जेक्ट प्रतिक्रियाशील हो जाता है
जब आप vnodes को API में सेट करते हैं जो Vue को vnode को बदलने का प्रयास करता है
2.4.3 स्लॉट नोड्स में अब कुछ बग्स को ठीक करने के लिए री-रेंडर पर डीप-क्लोन किया जाता है, इससे रेंडर फंक्शन पूरे vnode को रिएक्टिव डिपेंडेंसी के रूप में पंजीकृत करता है, इसलिए vnode को म्यूट करने से री-रेंडर ट्रिगर होता है।