कैसे मेरे 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
, इस प्रश्न को देखें ।