प्रौद्योगिकी साझेदारी

Vue परियोजनानां कृते माङ्गल्यां मार्गभारणं कार्यान्वितुं त्रयः उपायाः (मार्गाणां आलस्यपूर्णभारः)

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

  1. अतुल्यकालिकघटकानाम् उपयोगः मार्गनिर्धारणार्थं vue-router इत्यस्य उपयोगं कुर्वन् मार्गानाम् आग्रहेण लोडिंग् कार्यान्वितुं अतुल्यकालिकघटकानाम् उपयोगं कर्तुं शक्नुवन्ति । अतुल्यकालिकघटकाः केवलं तदा एव भारिताः भविष्यन्ति यदा मार्गः अभिगम्यते, अतः आग्रहेण भारः प्राप्यते । ज्ञातव्यं यत् अतुल्यकालिकघटकानाम् उपयोगेन webpack इत्यस्य गतिशील आयातवाक्यविन्यासस्य उपयोगः आवश्यकः भवति । उदाहरणतया:
  1. const Home = () => import(/* webpackChunkName: "home" */ './views/Home.vue')
  2. const routes = [
  3. {
  4. path: '/',
  5. name: 'Home',
  6. component: Home
  7. }
  8. ]

  1. Vue इत्यस्य अतुल्यकालिकघटककारखानकार्यस्य उपयोगेन Vue मार्गानाम् आग्रहेण लोडिंग् कार्यान्वितुं अतुल्यकालिकघटककारखानकार्यं प्रदाति ।रूटिंग् विन्यस्तुं VueRouter इत्यस्य उपयोगं कुर्वन् भवान् उपयोक्तुं शक्नोतिcomponent: () => import('./views/Home.vue') अतुल्यकालिकघटकानाम् परिभाषां कर्तुं । एवं प्रकारेण यदा मार्गः अभिगम्यते तदा तत्सम्बद्धः घटकः गतिशीलरूपेण भारितः भविष्यति ।
  1. const routes = [
  2. {
  3. path: '/',
  4. name: 'Home',
  5. component: () => import('./views/Home.vue')
  6. }
  7. ]

  1. गतिशीलरूपेण प्रवर्तितघटकानाम् आयातकार्यस्य उपयोगेन ES6 मध्ये गतिशीलरूपेण प्रवर्तितघटकानाम् आयातकार्यस्य उपयोगेन, भवान् vue-router मध्ये मार्गानाम् आग्रहेण लोडिंग् कार्यान्वितुं शक्नोतिमार्गनिर्धारणं विन्यस्यन्ते सति, भवान् उपयोक्तुं शक्नोतिcomponent: () => import('./views/Home.vue')अतुल्यकालिकघटकानाम् परिभाषां कर्तुं ।
  1. const routes = [
  2. {
  3. path: '/',
  4. name: 'Home',
  5. component: () => import('./views/Home.vue')
  6. }
  7. ]

उपर्युक्ताः त्रीणि पद्धतयः मार्गानाम् आग्रहेण भारस्य साक्षात्कारं कर्तुं शक्नुवन्ति चयनिता विशिष्टा पद्धतिः व्यक्तिगतप्राथमिकतासु परियोजनायाः आवश्यकतासु च निर्भरं भवति।