कैसे मेरे vue पृष्ठ पर कई vue घटक आयात करने के लिए?

Dec 04 2020

मैं आयात से बहुत कुछ लिखना नहीं चाहता।

import button1 from './components/button1'
import button2 from './componnets/button2'
import table1 from './componnets/table2'
...

क्या इसे जल्दी से करने का कोई अच्छा तरीका है? इस काम को करने के कितने तरीके हैं this

जवाब

1 Mohammadb Dec 04 2020 at 14:42

इस पैटर्न का अनुसरण करके आप घटकों को गतिशील रूप से आयात कर सकते हैं:

computed: {
  comp () {
      return () => import(`@/components/${this.componentName}.vue`)
  }
}

और फिर इसका उपयोग करें जैसे:

<template>
    <component :is="comp"></component>
</template>
demianh Dec 04 2020 at 14:40

आप अपनी अनुक्रमणिका फ़ाइल में विश्व स्तर पर Vue Components आयात और पंजीकृत कर सकते हैं:

import button1 from './components/button1'

Vue.component('button1', button1);

अधिक जानकारी के लिए आधिकारिक दस्तावेज देखें: https://vuejs.org/v2/guide/components-registration.html#Global-Registration

Ahacad Dec 04 2020 at 14:51

आप कोशिश कर सकते हैं require.context, आधिकारिक दस्तावेज में उदाहरण देखें , यह आपकी समस्या को हल करने के लिए पर्याप्त होना चाहिए। के बारे में अधिक जानकारी के लिए require.context, इस प्रश्न को देखें ।