Vue: फ़ीचर: आंशिक के लिए फ़ॉलबैक सामग्री

को निर्मित 11 अप्रैल 2016 · 3टिप्पणियाँ · स्रोत: vuejs/vue

आंशिक को फॉलबैक सामग्री का समर्थन करना चाहिए - ठीक वैसे ही जैसे स्लॉट करता है। विशिष्ट तरीके से उनका उपयोग करते समय यह टेम्प्लेट की पठनीयता में बहुत सुधार करेगा:
कुछ तर्क (उदाहरण के लिए एक संवाद) के साथ एक आधार घटक होता है, जिससे अन्य घटकों (जैसे एक PromptDialog) को प्राप्त करने की आवश्यकता होती है जो समान तर्क और (बाहरी) टेम्पलेट साझा करते हैं। यह स्लॉट्स के समान पार्टिकल्स का उपयोग करके प्राप्त किया जाता है - लेकिन एक घटक के आधार पर और उदाहरणों के साथ नहीं।
ऐसा टेम्पलेट इस तरह दिखेगा:

<div>
  <div class="header">
    <partial name="header">
      <i class="fa-whatever"></i>
      {{title}}
    </partial>
  </div>
  <div class="body">
    <partial name="body">
      {{{body}}}
    </partial>
  </div>
  <div class="footer">
    <partial name="footer">
      <!-- some stuff for button rendering -->
    </partial>
  </div>
</div>

इस सुविधा के बिना, मुझे सभी आंशिक नोड्स की सामग्री को टेम्पलेट के बाहर रखने की आवश्यकता है - और यह नेस्टेड आंशिक के साथ खराब हो जाता है।
व्युत्पन्न लोगों के टेम्पलेट में आधार घटक का उपयोग करके समस्याओं को स्वीकार करना - इस प्रकार नेस्टेड इंस्टेंस होना व्यावहारिक नहीं है, क्योंकि मुझे बाहरी (छद्म-व्युत्पन्न) से अधिकांश डेटा/प्रोप और एपीआई को आंतरिक (छद्म-व्युत्पन्न) से रीडायरेक्ट करने की आवश्यकता होगी। (आधार) उदाहरण।

स्रोत

bfis

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

मैं कहूंगा कि आंशिक दुरुपयोग कर रहा है। ऐसा करना एक बुरा विचार है क्योंकि बच्चे के डेटा संदर्भ से अवगत होने के दौरान आपके आंशिक स्निपेट माता-पिता से हैं। यह तंग decoupling है।

डायलॉग कंपोनेंट में कोई अपनी स्थिति नहीं होनी चाहिए क्योंकि यह विशुद्ध रूप से प्रेजेंटेशनल है। राज्य को नीचे मत करो। राज्य और प्रदर्शित सामग्री दोनों को उस मूल घटक से संबंधित होना चाहिए जो संवाद का उपयोग करता है।

yyx990803 11 अप्रैल 2016

👍2

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

क्षमा करें, मुझे समझ में नहीं आया कि आंशिक के बजाय स्लॉट का उपयोग करना एक विकल्प क्यों नहीं है :sweat_smile:
क्या इसका कोई कारण है?

posva 11 अप्रैल 2016

👍1

स्लॉट का उपयोग करते समय, छद्म-व्युत्पन्न _PromptDialog_ में निम्न टेम्पलेट होगा।

<dialog
  :foo.sync="foo"
  >
  <input
    v-model="thePromptedValue"
    slot="body"
    >
</dialog>

मूल _Dialog_ घटक पर प्रत्येक विशेषता _foo_ के लिए, मुझे बाहरी _PromptDialog_ पर समान विशेषता रखने और आंतरिक को पास करने की आवश्यकता होगी। वही _Dialog_ पर परिभाषित सभी विधियों के लिए जाता है: मुझे उन प्रॉक्सी को परिभाषित करने की आवश्यकता है जो कॉल को आंतरिक में पास करते हैं। यह परेशान करने वाला है और घटक विस्तार/वर्ग विरासत के पीछे के विचार को हरा देता है।

bfis 11 अप्रैल 2016

yyx990803 11 अप्रैल 2016

👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Vue: फ़ीचर: आंशिक के लिए फ़ॉलबैक सामग्री

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

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

संबंधित मुद्दों