Vue: توفير دعم من الدرجة الأولى لتقسيم قاعدة التعليمات البرمجية إلى وحدات

ما المشكلة التي تحلها هذه الميزة؟

قادمة من Angular 2 ، إحدى الميزات التي أفتقدها حقًا هي استخدام الوحدات النمطية لتقسيم قاعدة الشفرة الخاصة بي إلى وحدات منطقية. من الناحية الفنية ، لا يزال بإمكاني القيام بذلك في Vue من خلال توفير ما يلي كمكون لجهاز التوجيه:

import Vue from 'vue';
import { routes } from './routes';

export const LazyModule: Vue.ComponentOptions<Vue> = {
  render: r => {
    console.log('rendering');
    return r('router-view');
  },
  created: function() {
    this.$router.addRoutes(routes);
  }
};

يعمل هذا ولكني أعتقد أنه سيكون أكثر سهولة إذا كان هناك فصل واضح بين مكون Vue والوحدة النمطية. على وجه التحديد ، لن توفر الوحدة طريقة عرض.

كيف تبدو واجهة برمجة التطبيقات المقترحة؟

كان هناك بعض العمل الجيد لتحقيق هذه الغاية هنا . لقد قمت أيضًا باختبار نموذجي السابق عن "وحدة نمطية" هنا .

في النهاية ، أعتقد أنه يمكننا توقع بعض الدعم الأساسي في Vue ثم السماح لـ Vue Router و Vuex بتمديده.